学习目标

本章主要介绍AndroidUI系统控件中文本控件
TextView、EditText,按钮控件Buton、图片按钮控件
ImageButon、单选按钮RadioButon、复选按钮CheckBox、
时间选择器TimePicker、日期选择器DatePicker、图片控件
ImageView、模拟时钟AnalogClock和数字时钟DiditalClock。
读者通过本章的学习,能够深入了解AndroidUI系统控件, 
掌握以下知识要点。

(1)掌握文本控件TextView、EditText的类继承结
构、属性及方法、应用。
(2)掌握按钮控件Buton、图片按钮控件ImageButon 
的通常用法及属性。
(3)掌握单选按钮RadioButon、复选按钮CheckBox 
的常用方法、引用处理及属性方法设置。
(4)掌握时间选择器TimePicker、日期选择器
DatePicker的使用方法及常用属性设置。
(5)掌握图片控件ImageView的常用方法、引用处理
及属性方法设置。
(6)熟悉模拟时钟AnalogClock和数字时钟DiditalClock 
的常用方法。
Android系统提供了许多控件给开发者使用,开发者
通过对这些控件编码及控件组合实现系统设计和功能开
发。Android系统的界面控件分为定制控件和系统控件, 
系统控件是Android系统提供给用户已经封装的界面控
件,是在应用程序开发过程中的常见功能控件。系统控件
更有利于帮助用户进行快速开发,同时能够使开发者在使
用Android系统进行开发的过程中,保持应用程序的界面
一致性。

第
5 
章


系统控件基础


Android应用开发案例教程(第2版) 
13 0 
在开发应用中,经常使用的系统控件有TextView、EditText、Button、ImageButton、
Checkbox、RadioButton、Spinner、ListView和TabHost等。
AndroidUI系统控件的使用,除了传统的程序代码中直接声明、创建之外,最能体现
其设计思想的是,采用XML文件来描述控件,在XML中可以描述控件的宽度、长度、控件
上的文本、控件的背景、控件的填充、设置源等。
5.1 文本控件简介
在Android系统中,文本控件包含TextView 和EditText控件,它们都继承自android. 
view.View,在android.widget包中。下面就文本控件的属性及使用方法进行详述。
5.1.1 文本框TextView 
android.widget包中的TextView是文本表示控件,一般用来文本展示,是一种用于显
示字符串的控件。主要功能是向用户展示文本的内容,可以作为应用程序的标签或者邮件
正文的显示,默认情况下不允许用户直接编辑。
在程序设计和开发中,使用TextView可以采用的方式有两种,如下所示。
(1)在程序中创建控件的对象来使用TextView控件。
如TextView控件,可以通过编写如下代码完成控件使用。 
TextView tv=new TextView(this); 
tv.setText("大家好"); 
setContentView(tv); 
(2)使用XML描述控件,并在程序中引用和使用。
① 在res/layout文件下的XML文件中描述控件。 
<TextView 
Android:id="@+id/text_view" 
Android:layout_width="fill_parent" 
Android:layout_height="wrap_content" 
Android:textSize="16sp" 
Android:padding="10dip" 
Android:background="#00f0d0" 
Android:text="大家好,这里是TextView"/> 
② 在程序中引用XML描述的TextView。 
TextView text_view = (TextView) findViewById(R.id.text_view); 
上述两种方式的使用,各有优缺点,根据不同的需要,采用相应的方法。相比而言,采
用第二种方法更好,其主要优势有:一是方便代码的维护;二是编码灵活;三是利于分工
协作。
TextView控件常用方法有getText()和setText()。TextView 控件有着与之相应的
属性,通过选择不同的属性,给予其值,能够实现不同的效果。TextView 控件属性的设置

第 
5 
章AndroidUI系统控件基础

既可以在XML文件中通过属性名称设定赋值,也可以采用对应的方法,在程序代码中设
定。其常用属性及对应方法如表5-1所示。

表5-
1 
TextView 
控件常用XML属性及对应方法

属性名称对应方法说明
android:text setText(CharSequence) 设置TextView控件文字显示
android:autoLink setAutoLinkMask(int) 
设置是否当文本为URL链接/Email/电话
号码/Map时,文本显示为可点击的链接。
可选值:none/web/email/phone/map/al 
android:hint setHint(int) 当TextView中显示的内容为空时,显示该
文本
android:textColor setTextColor(ColorStateList) 设置字体颜色
android:textSize setTextSize(float) 设置字体大小
android:typeface setTypeface(Typeface) 
设置文本字体,必须是以下常量值之一: 
normal0,sans1,serif2,monospace(等宽
字体)3 
android:elipsize setElipsize(TextUtils.TruncateAt) 
如果设置了该属性,当TextView中要显示
的内容超过了TextView的长度时,会对内
容进行省略。可取的值有start、middle、
end和marque 
android:gravity setGravity(int) 定义TextView在
x 
轴和
y 
轴方向上的显
示方式
android:height setHeight(int) 设置文本区域的高度,支持度量单位:px 
(像素)/dp/sp/in/mm(毫米) 
android:minHeight setMinHeight(int) 设置文本区域的最小高度
android:maxHeight setMaxHeight(int) 设置文本区域的最大高度
android:width setWidth(int) 设置文本区域的宽度,支持度量单位:px 
(像素)/dp/sp/in/mm(毫米) 
android:minWidth setMinWidth(int) 设置文本区域的最小宽度
android:maxWidth setMaxWidth(int) 设置文本区域的最大宽度

5.1.2 
TextView 
应用案例
本节在上述TextView控件讲解的基础上,通过案例熟悉TextView控件的属性和用
法,具体步骤如下。

(1)创建一个新的Android工程,工程名为TextViewDemo,目标API选择28,应用程
序名为TextViewDemo,包名为com.hisoft.activity,创建的Activity 的名字为
TextViewActivity,最小SDK版本根据选择的目标API会自动添加为17,创建后的项目工
程如图5-1所示。
es→lyuctvitman.
(2)打开项目工程中raot目录下的aiy_ixml文件,设置线性布局,添
加4个TextView控件,并设置属性,代码如下: 

Android应用开发案例教程(第2版) 
13 2 
图5-1　TextViewDemo 工程目录结构 
1. <? xml version="1.0" encoding="utf-8"? > 
2. <? xml version="1.0" encoding="utf-8"? > 
3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
4. android:orientation="vertical" 
5. android:layout_width="fill_parent" 
6. android:layout_height="fill_parent" 
7. > 
8. <TextView 
9. android:layout_width="fill_parent" 
10. android:layout_height="wrap_content" 
11. android:text="字体大小为14 的文本" 
12. android:textSize="14pt" 
13. /> 
14. <TextView 
15. android:layout_width="fill_parent" 
16. android:layout_height="wrap_content" 
17. android:singleLine="true" 
18. android:text="TextView 示例" 
19. android:ellipsize="middle" 
20. /> 
21. <TextView 
22. android:layout_width="fill_parent" 
23. android:layout_height="wrap_content"

第 5 章 AndroidUI系统控件基础
13 3 
24. android:singleLine="true" 
25. android:text="访问:http://www.zxxxx.cn" 
26. android:autoLink="web" 
27. /> 
28. <TextView 
29. android:layout_width="fill_parent" 
30. android:layout_height="wrap_content" 
31. android:text="红色并带阴影的文本" 
32. android:shadowColor="#0000ff" 
33. android:shadowDx="15.0" 
34. android:shadowDy="20.0" 
35. android:shadowRadius="45.0" 
36. android:textColor="#ff0000" 
37. android:textSize="20pt" 
38. /> 
39. </LinearLayout> 
(3)src目录下com.hisoft.activity包下的TextViewActivity.java文件和res→values 
目录下strings.xml文件,都暂不做修改。部署运行项目工程,项目运行结果如图5-2所示。
图5-2　TextViewDemo 运行结果
5.1.3 编辑框EditText 
EditText控件继承自android.widget.TextView,在android.widget包中。EditText 
为输入框,是编辑文本控件,主要功能是让用户输入文本的内容。它是可以编辑的,是用来
输入和编辑字符串的控件。
利用控件EditText不仅可以实现输入信息,还可以根据需要对输入信息进行限制约
束。如:限制控件EditText输入信息。 
<EditText 
android:layout_width="fill_parent" 
android:layout_height="wrap_content"

Android应用开发案例教程(第2版) 
13 4 
android:inputType="numeber"/> 
与上节所讲述的TextView一样,EditText控件的使用也有两种:一种是在程序中创
建控件的对象来使用EditText控件;另外一种是在res/layout文件下的XML文件中描述
控件,程序中使用EditText控件。例如: 
(1)用XML描述一个EditView。 
<EditText Android:id="@+id/edit_text" 
Android:layout_width="fill_parent" 
Android:layout_height="wrap_content" 
Android:text="这里可以输入文字" /> 
(2)在程序中引用XML描述的EditText。 
EditText editText = (EditText) findViewById(R.id.editText); 
EditText常用方法:getText(),它也有与之相应的属性,通过选择不同的属性,给予
其值,能够实现不同的效果。其常用属性及对应方法如表5-2所示。
表5-2 EditText控件常用XML属性及对应方法
属性名称对应方法说 明
android:hint 输入框的提示文字
android:password setTransformationMethod 
(TransformationMethod) 
设置文本框中的内容是否显示为密
码,当为true时,以小点“.”显示文本
android:phoneNumber setKeyListener(KeyListner) 设置文本框中的内容只能是电话号
码,当为true时,表示电话框
android:digits setKeyListener(KeyListener),可
使用此方法监听键盘来实现
设置允许输入哪些字符。如: 
1234567890.+-*/%\n() 
android:numeric setKeyListener(KeyListener),可
使用此方法监听键盘来实现
设置只能输入数字,并且置顶可输入
的数字格式,可选值有:Integer(正整
数)、signed(整数,可带负号)、decimal 
(浮点数) 
android:singleLine setTransformationMethod 
(TransformationMethod) 设置文本框的单行模式
android:maxLenght setFilters(InputFilter) 设置最大显示长度
android:cursorVisible setCursorVisible(boolean) 设置光标是否可见,默认为可见
android:lines setLines(int) 通过设置固定的行数来决定EditText 
的高度
android:maxLines setMaxLines(int) 设置最大的行数
android:minLines setMinLines(int) 设置最小的行数
android:scrollHorizontally setHorizontallyScrolling(boolean) 设置文本框是否可以进行水平滚动
android:selectAllOnFocus setSelectAllOnFocus(boolean) 如果文本内容可选中,当文本框获得
焦点时自动选中全部文本内容

续表
第 5 章 AndroidUI系统控件基础
13 5 
属性名称对应方法说 明
android:shadowColor setShadowLayer(float,float, 
float,int) 
为文本框设置指定颜色的阴影,需要
与shadowRadius一起使用
android:shadowDx setShadowLayer(float,float, 
float,int) 
设置阴影横向坐标开始位置,为浮
点数
android:shadowDy setShadowLayer(float,float, 
float,int) 
设置阴影纵向坐标开始位置,为浮
点数
android:shadowRadius setShadowLayer(float,float, 
float,int) 为文本框设置阴影的半径,为浮点数
5.1.4 EditText应用案例
在上述EditText控件讲解的基础上,通过案例熟悉EditText控件的属性和用法,具体
步骤如下。
(1)创建一个新的Android工程,工程名为EditTextDemo,目标API选择28,应用程
序名为EditTextDemo,包名为com.hisoft.activity,创建的Activity 的名字为
EditTextActivity,最小SDK版本根据选择的目标API会自动添加为17,创建后的项目工
程如图5-3所示。
图5-3　EditTextDemo 工程目录结构
(2)打开项目工程中res→layout目录下activity_main.xml文件,设置线性布局,添加
1个TextView控件和1个EditText控件,并设置相关属性,代码如下: 
1. <? xml version="1.0" encoding="utf-8"? > 
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
3. android:orientation="vertical" 
4. android:layout_width="fill_parent"

Android应用开发案例教程(第2版) 
13 6 
5. android:layout_height="fill_parent" 
6. > 
7. <TextView android:text="请输入:" 
8. android:id="@+id/textView1" 
9. android:layout_width="wrap_content" 
10. android:layout_height="wrap_content"> 
11. </TextView> 
12. <EditText android:layout_height="wrap_content" 
13. android:layout_width="match_parent" 
14. android:id="@+id/editText1" 
15. android:hint="这里键入输入内容"> 
16. <requestFocus></requestFocus> 
17. </EditText> 
(3)src目录下com.hisoft.activity包下的EditTextActivity.java文件和res→values 
目录下strings.xml文件,都暂不做修改。部署运行项目工程,项目运行结果如图5-4所示。
图5-4　EditTextDemo 运行结果
5.2 按钮控件简介
5.2.1 按钮Button 
Button是一种常用的按钮控件,继承自android.widget.TextView,在android.widget 
包中。如图5-5所示,用户能够在该控件上点击,然后引发相应的事件处理函数。
图5-5　Button 类继承图
它的常用子类有CheckBox、RadioButton、ToggleButton 
等,在后续章节会讲到。
Button按钮控件的通常用法如下。
在程序中通过super.findViewById(id)得到在layout中XML 
文件中声明的Button 的引用,然后使用setOnClickListener 
(View.OnClickListener)添加监听,再在View.OnClickListener监听器中使用v.equals 
(View)方法判断是哪一个按钮被按下,调用不同方法进行分别处理。具体如下。
(1)用XML描述一个Button。 
<Button Android:id="@+id/button"

第 5 章 AndroidUI系统控件基础
13 7 
Android:layout_width="wrap_content" 
Android:layout_height="wrap_content" 
Android:text="这是一个button" /> 
(2)在程序代码中引用用XML描述的Button。 
Button button = (Button) findViewById(R.id.button); 
(3)给Button设置事件响应。 
button.setOnClickListener(button_listener); 
(4)生成一个按钮事件监听器。 
private Button.OnClickListener button_listener = new 
Button.OnClickListener() { 
public void onClick(View v) { 
switch(v.getId()){ 
case R.id.Button: 
textView.setText("Button 按钮1"); 
return; 
case R.id.Button01: 
textView.setText("Button 按钮2"); 
return; 
} 
} }; 
此外,也可以采用在layout中XML 文件中声明分配一个方法给Button,使用
android:onClick属性,如: 
1. <Button 
2. android:layout_height="wrap_content" 
3. android:layout_width="wrap_content" 
4. android:text="@string/self_destruct" 
5. android:onClick="selfDestruct" /> 
当用户单击Button 按钮时,Android 系统会自动调用Activity 中的selfDestruct 
(View)方法,但selfDestruct(View)方法必须声明为public,并只能接受View 作为其唯一
的参数。传递给这个方法的View是被点击的控件的一个引用,如下: 
1. public void selfDestruct(View view) { 
2. //Kabloey 
3. } 
5.2.2 Button应用案例
在开发应用中,Button的使用较为常见,下面通过一个点击Button修改标题的案例来

Android应用开发案例教程(第2版) 
13 8 
介绍Button的应用。具体步骤如下。
(1)创建一个新的Android工程,工程名为ButtonDemo,目标API选择28,应用程
序名为ButtonDemo,包名为com.hisoft.activity,创建的Activity 的名字为
ButtonActivity,最小SDK 版本根据选择的目标API会自动添加为17,创建后的项目
工程如图5-6所示。
图5-6　ButtonDemo 工程目录结构
(2)打开项目工程中res→layout目录下activity_main.xml文件,设置线性布局,添加
1个Button控件,并设置相关属性,代码如下所示: 
1. <? xml version="1.0" encoding="utf-8"? > 
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
3. android:orientation="vertical" 
4. android:layout_width="fill_parent" 
5. android:layout_height="fill_parent" 
6. > 
7. <Button android:text="按钮1" 
8. android:id="@+id/button1" 
9. android:layout_width="wrap_content" 
10. android:layout_height="wrap_content"> 
11. </Button> 
12. </LinearLayout> 
(3)打开src 目录下com.hisoft.activity 包下的ButtonActivity.java 文件,声明
Button,并获取引用,然后添加监听器,代码如下: