6.Android基本组件之常用widget组件介绍(按钮,TextView,EditView)

6Android基本组件之常用widget组件介绍(按钮，TextView,EditView)学习目标★掌握Android中常用的widget组件★应用widget组件制作自己的UI应用★按钮★TextView★EditView什么是widget组件？

Android中提供了一个叫widget的包，其中包含各种UI元素（大部分是可见的）在应用程序的屏幕中使用，如按钮、列表框、进度条、图片显示等，在进行Android编程前，大家都应该对这类组件有个大致的了解，知道每个组件的样式、使用的场景及使用的方法。

这里，运用一个实例来讲解Android中比较常用的组件，使大家对这部分内容有个非常只管的学习。创建widget组件实例开写前的准备：在Eclipse中创建一个新项目，名字为mouse_widget.创建方法参见前面章节。在创建mouse_widget时，创建了一个MainActivity,这是应用程序的入口，打开其对应的文件mouse_widget.java，可以看到其对应的onCreate方法：

public

voidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);setContentView(R.layout.main);}按钮（Button）介绍与应用Button按钮在整个组件中的地位非常特殊，其一般情况下扮演“终结者”的角色。我们这里在项目的主界面上放置一个按钮。代码如下：<?xml

version="1.0"

encoding="utf-8"?><LinearLayout

xmlns:android=""

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

><Button--注意这里Button,首字母一定要大写！

android:id="@+id/button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="我是按钮"

/></LinearLayout>响应单击按钮单击响应代码如下：

find_and_modify_button();//在onCreate中调该函数。

private

voidfind_and_modify_button(){Buttonbutton=(Button)findViewById(R.id.button);button.setOnClickListener(button_listener);}//响应单击事件，使用setOnClickListener()方法设定其被单击的监听器为button_listener

privateButton.OnClickListenerbutton_listener=newButton.OnClickListener(){public

voidonClick(Viewv){setTitle(“点什么点！我是按钮”);//响应后显示事件将标题修改为…}};//声明这个button_listener文本框（TextView）介绍和应用接着上面创建的实例，在main.xml中再添加一个按钮，当点击该按钮的时候，显示我们要讲解的TextView的界面。实现代码如下：<Button

android:id="@+id/text_view_button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="哥显示的是文本框"

/>这里定义一个id为“text_view_button”

的按钮，并设定大小和显示内容。然后我们回到mouse_widget.java中添加对这个按钮的单击动作的监听和响应。当发生单击事件的时候，将打开TextView的演示界面，首先在find_and_modify_button方法中添加获取text_view_button按钮的代码：文本框（TextView）介绍和应用Buttontext_view_button=(Button)findViewById(R.id.text_view_button);text_view_button.setOnClickListener(text_view_button_listener);这里设置其监听器是text_view_button_listener，在单击的时候，需要打开新的界面，核心代码如下：privateButton.OnClickListenertext_view_button_listener=newButton.OnClickListener(){public

voidonClick(Viewv){Intentintent=newIntent();intent.setClass(mouse_widget.this,ViewTextActivity.class);startActivity(intent);}};文本框（TextView）介绍和应用由上面的代码可以看出，当单击该按钮的时候，首先创建一个Intent，然后调用其setClass方法设定其需要跳转的Activity，这里也就是ViewTextActivity，然后需要修改一下其onCreate方法，让其绑定到指定的摸板上，实现代码如下：

public

voidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);setTitle("哥就是传说中的TextView...");setContentView(R.layout.textview);

//find_and_modify_text_view();//这里是后面改变文字添加的代码}

TextActivity的布局摸板关联到一个新建的textview.xml上。新建的Textview.xml代码如下：（这里名字只能用小写）文本框（TextView）介绍和应用<?xml

version="1.0"

encoding="utf-8"?><LinearLayout

xmlns:android=""

android:layout_width="wrap_content"

android:layout_height="wrap_content">

<TextView

android:id="@+id/text_view"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:textSize="20sp"

android:textColor="#dd0000"

android:padding="10dip"

android:background="#ffffff"

android:text="哥就是传说中的TextView..."

/></LinearLayout>文本框（TextView）介绍和应用上面代码中已经加了一个TextView组件进去，并设定一些属性：android:id这个组件的唯一标识android:textSize设定字体大小android:textColor设定字体颜色android:padding设定组件周围空隙大小android:background设定其背景颜色android:text这里输入需要显示的文字信息完整这些工作后，还有项不可或缺的工作，将ViewTextActivity添加到AndroidManifest.xml文件中，将如下代码添加到<application>域内实现：<activity

android:name="ViewTextActivity"></activity>文本框（TextView）介绍和应用TextView一般使用在需要显示一些信息的时候，其不能输入，只能初始设定或者在程序中修改，如果需要在程序中动态的修改这个值，那么就需要使用其android:id的值，下面添加以下代码来实现：private

voidfind_and_modify_text_view(){TextViewtext_view=(TextView)findViewById(R.id.text_view);CharSequencetext_view_old=text_view.getText();text_view.setText("修改前是："+text_view_old+"\n\n\n\n修改为:TextView的值也是可以动态修改的.");先使用findViewById将放在main.xml中的那个Textview找出来，然后调用其自身的getText方法将其原来的值取出来保存为text_view_old，然后使用setText修改其自身的值。效果图如下：文本框（TextView）演示效果图未修改前的效果图修改后的效果图编辑框（EditText）介绍与应用

EditText从名字看，我们就能知道它是编辑框，同样先在main.xml中添加一个按钮，并设定其监听器在接收到单击事件时，程序打开展示EditText的界面。首先是main.xml中添加的代码：<Button

android:id="@+id/edit_view_button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="哥显示的是编辑框"

/>

定义了一个id为“edit_view_button”

的按钮，并设定其显示文字为“哥显示的是编辑框”。编辑框（EditText）介绍与应用监听器响应代码如下：privateButton.OnClickListeneredit_view_button_listener=newButton.OnClickListener(){public

voidonClick(Viewv){Intentintent=newIntent();intent.setClass(mouse_widget.this,EditTextActivity.class);startActivity(intent);}};//edit和前面的TEXT一样响应单击按键的时候，这里创建的Intent将要跳转到下一个Activity，即EditTextActivity上，所以其onCreate实现方法如下代码所示：编辑框（EditText）介绍与应用public

classEditTextActivityextendsActivity{/**Calledwhentheactivityisfirstcreated.*/

@Override

public

voidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);setTitle("哥就是现实里的EditView...");setContentView(R.layout.editview);//find_and_modify_text_view();//为后面在TEXT中显示做准备的代码}}这里对应的R.layout.editview就是我们要新建的editview.xml,需要在里面添加一个EditText的组件，添加代码如下：编辑框（EditText）介绍与应用<EditText

android:id="@+id/edit_text"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:textSize="20sp"

android:textColor="#dd0000"

android:text="你想写什么..."

/>和前面的TextView代码差不多，区别是这里定义的是一个EditView。这个EditText可以让用户输入文字。通过getText获取用户输入的值。下面我们在edittext.xml中添加一个按钮和一个text输出框，点击按钮，把用户输入到编辑框中的文字显示在Text框中。代码如下：

首先在edittext.xml中添加按钮和TextView:编辑框（EditText）介绍与应用<Button

android:id="@+id/get_edit_view_button"

android:layout_width="wrap_content"android:layout_height="wrap_content"

android:text="获取文本框里的值"

/><TextView

android:id="@+id/edit_text_view"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:textSize="20sp"

android:textColor="#dd0000"

android:padding="10dip"

android:background="#ffffff"

android:text=""

/>然后完善其响应代码：编辑框（EditText）介绍与应用private

voidfind_and_modify_text_view()