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

2006, ZTE Corporation. All rights reserved.,Confidential,Confidential,*,Confidential,6,Android基本组件之常用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,void,onCreate(Bundle savedInstanceState) ,super,.onCreate(savedInstanceState);,setContentView(R.layout.,main,);,按钮（,Button,）介绍与应用,Button,按钮在整个组件中的地位非常特殊，其一般情况下扮演“终结者”的角色。我们这里在项目的主界面上放置一个按钮。代码如下：,响应单击按钮,单击响应代码如下：,find_and_modify_button();/,在,onCreate,中调该函数。,private,void,find_and_modify_button() ,Button button = (Button) findViewById(R.id.,button,);,button.setOnClickListener(,button_listener,);,/,响应单击事件，使用,setOnClickListener(),方法设定其被单击的监听器为,button_listener,private,Button.OnClickListener,button_listener,=,new,Button.OnClickListener() ,public,void,onClick(View v) ,setTitle(,“,点什么点！我是按钮,”,);/,响应后显示事件将标题修改为,;/,声明这个,button_listener,文本框（,TextView,）介绍和应用,接着上面创建的实例，在,main.xml,中再添加一个按钮，当点击该按钮的时候，显示我们要讲解的,TextView,的界面。实现代码如下：,这里定义一个,id,为,“text_view_button”,的按钮，并设定大小和显示内容。然后我们回到,mouse_widget.java,中添加对这个按钮的单击动作的监听和响应。当发生单击事件的时候，将打开,TextView,的演示界面，首先在,find_and_modify_button,方法中添加获取,text_view_button,按钮的代码：,文本框（,TextView,）介绍和应用,Button text_view_button = (Button) findViewById(R.id.,text_view_button,);,text_view_button.setOnClickListener(,text_view_button_listener,);,这里设置其监听器是,text_view_button_listener,，在单击的时候，需要打开新的界面，核心代码如下：,private,Button.OnClickListener,text_view_button_listener,=,new,Button.OnClickListener() ,public,void,onClick(View v) ,Intent intent =,new,Intent();,intent.setClass(mouse_widget.,this, ViewTextActivity.,class,);,startActivity(intent);,;,文本框（,TextView,）介绍和应用,由上面的代码可以看出，当单击该按钮的时候，首先创建一个,Intent,，然后调用其,setClass,方法设定其需要跳转的,Activity,，这里也就是,ViewTextActivity,，然后需要修改一下其,onCreate,方法，让其绑定到指定的摸板上，实现代码如下：,public,void,onCreate(Bundle savedInstanceState) ,super,.onCreate(savedInstanceState);,setTitle(,哥就是传说中的,TextView.,);,setContentView(R.layout.,textview,);,/find_and_modify_text_view();,/,这里是后面改变文字添加的代码,TextActivity,的布局摸板关联到一个新建的,textview.xml,上。,新建的,Textview.xml,代码如下：（这里名字只能用小写）,文本框（,TextView,）介绍和应用,文本框（,TextView,）介绍和应用,上面代码中已经加了一个,TextView,组件进去，并设定一些属性：,android:id,这个组件的唯一标识,android:textSize,设定字体大小,android:textColor,设定字体颜色,android:padding,设定组件周围空隙大小,android:background,设定其背景颜色,android:text,这里输入需要显示的文字信息,完整这些工作后，还有项不可或缺的工作，将,ViewTextActivity,添加到,AndroidManifest.xml,文件中，将如下代码添加到,域内实现：,文本框（,TextView,）介绍和应用,TextView,一般使用在需要显示一些信息的时候，其不能输入，只能初始设定或者在程序中修改，如果需要在程序中动态的修改这个值，那么就需要使用其,android:id,的值，下面添加以下代码来实现：,private,void,find_and_modify_text_view() ,TextView text_view = (TextView) findViewById(R.id.,text_view,);,CharSequence text_view_old = text_view.getText();,text_view.setText(,修改前是：,+ text_view_old,+,nnnn,修改为,:TextView,的值也是可以动态修改的,.,);,先使用,findViewById,将放在,main.xml,中的那个,Textview,找出来，然后调用其自身的,getText,方法将其原来的值取出来保存为,text_view_old,，然后使用,setText,修改其自身的值。,效果图如下：,文本框（,TextView,）演示效果图,未修改前的效果图 修改后的效果图,编辑框（,EditText,）介绍与应用,EditText,从名字看，我们就能知道它是编辑框，同样先在,main.xml,中添加一个按钮，并设定其监听器在接收到单击事件时，程序打开展示,EditText,的界面。,首先是,main.xml,中添加的代码：,定义了一个,id,为,“edit_view_button”,的按钮，并设定其显示文字为,“,哥显示的是编辑框,”,。,编辑框（EditText）介绍与应用,监听器响应代码如下：,private,Button.OnClickListener,edit_view_button_listener,=,new,Button.OnClickListener() ,public,void,onClick(View v) ,Intent intent =,new,Intent();,intent.setClass(mouse_widget.,this, EditTextActivity.,class,);,startActivity(intent);,;,/edit,和前面的,TEXT,一样响应单击按键的时候，这里创建的,Intent,将要跳转到下一个,Activity,，即,EditTextActivity,上，所以其,onCreate,实现方法如下代码所示：,编辑框（,EditText,）介绍与应用,public,class,EditTextActivity,extends,Activity,/* Called when the activity is first created. */,Override,public,void,onCreate(Bundle savedInstanceState) ,super,.onCreate(savedInstanceState);,setTitle(,哥就是现实里的,EditView.,);,setContentView(R.layout.,editview,);,/find_and_modify_text_view(); /,为后面在,TEXT,中显示做准备的代码,这里对应的,R.layout.,editview,就是我们要新建的,editview.xml,需要在里面添加一个,EditText,的组件，添加代码如下：,编辑框（,EditText,）介绍与应用,和前面的,TextView,代码差不多，区别是这里定义的是一个,EditView,。,这个,EditText,可以让用户输入文字。通过,getText,获取用户输入的值。下面我们在,edittext.xml,中添加一个按钮和一个,text,输出框，点击按钮，把用户输入到编辑框中的文字显示在,Text,框中。代码如下：,首先在,edittext.xml,中添加按钮和,TextView:,编辑框（,EditText,）介绍与应用,然后完善其响应代码：,编辑框（,EditText,）介绍与应用,private,void,find_and_modify_text_view() ,Button get_edit_view_button = (Button) findViewById(R.id.,get_edit_view_button,);,get_edit_view_button.setOnClickListener(,get_edit_view_button_listener,);,private,Button.OnClickListener,get_edit_view_button_listener,=,new,Button.OnClickListener() ,public,void,onClick(View v) ,EditText edit_text = (EditText) findViewById(R.id.,edit_text,);,CharSequence edit_text_value = edit_text.getText();,TextView edit_text_view =(TextView) findViewById(R.id.,edit_text_view,);,edit_text_view.setText(,EditText,的值,:,+edit_text_value);,;,编辑框（,EditView,）演示效果图,EditText,显示效果 获取,EditText,的值,本章小结,本章详细介绍,android,中,widget,组件里面的按钮，,TextView,和,EditView,三个控件的功能和使用方法，并且用代码创建了实例，希望大家多加练习，快速掌握。,谢谢！,