第3章Android用户界面.docVIP

电子教案 第3章 Android用户界面 教学目标： 课程重点： 了解各种用户界面的控件的使用方法。 掌握界面布局的特点和使用方法。 掌握菜单的使用方法。 掌握按键事件和触摸事件的处理 课程难点： 控件使用 界面布局 菜单使用 事件处理 教学方法：理论讲解、案例实训 教学过程： 3.1 用户界面基础 用户界面 User Interface,UI 是系统和用户之间进行信息交互的桥梁。 在Android中的用户界面通常采用两种方式来创建：一种是编写XML代码文件；另外一种是直接在源代码文件中编写控件语句。 Android用户界面框架中的界面元素主要有View类对象和ViewGroup类对象两种。 讲解视图树。 3.2 界面控件 在Android系的Widget包中提供了诸如文本框 Textview ，按钮 Button ，图像按钮 ImageButton ，列表 List ，编辑框 EditText ，单选按钮（RadioButton），复选按钮 CheckBox ，下拉列表 Spinner 等一系列已经封装好的界面控件和功能控件。 3.2.1 TextView 与EditText TextView是一种用来显示文本标签的控件，EditText是一种用来输入和编辑文本的控件。 通过程序案例代码，以xml方式给出了TextView 与EditText的使用方法。 3.1.2 Botton和ImageButton 一种是普通的按钮 Button ，另外一种能够显示图像的按钮（ImageButton）。 通过在例题LX3_1中添加Button和ImageButton后的工程LX3_2来了解一下两种按钮的使用。详见案例LX3_2。 3.1.3 CheckBox和RadioButton Android系统中提供了单项选择的控件RadioButton和多项选择的控件CheckBox。RadioButton控件由选项文本和选项圆点组成，在定义多个单项选项时，由RadioButton和RadioGroup组合起来共同完成。CheckBox控件由选项文本和选项方框组成，在使用时，可以实现同时选择多项的功能。 详见新建工程LX3_3来了解CheckBox控件和RadioButton控件的使用。 3.1.4 Spinner Spinner是一种下拉列表形式的，能够从多个选项中选择一个选项的控件。通常与包含选项内容的ArrayAdapter适配器对象相结合。 详见新建工程LX3_4来了解Spinner控件的使用。 3.1.5 ListView ListView是一种在屏幕上显示选项的列表控件，通过适配器将显示数据选项和自身绑定，选项过多超出显示区域的范围时，会出现垂直滚动条。详见工程LX3_5掌握ListView控件的使用。 3.1.6 TabHost Tab标签页是一种可以实现多个分页之间的快速切换，每个分页显示不同内容的控件。 使用Tab组件的步骤说明如下。 1.在布局文件中使用FrameLayout列出Tab组件及Tab中的内容组件。 2.Activity要继承TabActivity。 3.调用TabActivity的getTabHost 方法获得TabHost对象。 4.通过TabHos创建Tab选项。 详见工程LX3_6掌握ListView控件的使用。 【课堂实训3-1】界面控件设计 本节建立工程SX3_1,通过一个注册页面的界面设计，对已经介绍过的各种控件进行综合的练习。在程序代码中，仅设计了用户界面，对于控件响应的事件处理没有介绍。这将在后面的章节中给出详细介绍。 详见工程SX3_1。 3.3界面布局 3.3.1 线性布局 线性布局.3.2 表格布局 表格布局 TableLayout 是一种把屏幕区域划分成网格形式的布局方式，可以指定划分的行和列数。在每一个方格里添加一个控件。在定义这种布局时通常与TableRow配合使用TableRow表示表格行。 通过新建工程LX3_8来掌握表格布局的使用方法以及属性设置。 详见工程LX3_8。 3.3.3 帧布局 帧布局 FrameLayout 是从屏幕的左上角 0,0 坐标开始布局，布局中的组件总会放到左上角不能的位置RelativeLayout 是指按照组件之间的相对位置来布局，即指定组件相对于其他组件元素或父布局对象的位置，如在某个组件的左边、右边、上面和下面等。 通过新建工程LX3_10来掌握相对布局的使用。 详见工程LX3_10。 3.3.5 绝对布局 绝对布局 AbsoluteLayout 是一种根据屏幕上的坐标位置来对组件元素进行布局的方式。组件元素在屏幕上的位置由X轴和Y轴的坐标值确定，一旦指定坐标后，不能根据屏幕尺寸的改变而做出调整。 通过新建工程LX3_11