第3章Android用户界面程序设计.ppt.ppt

第3章 Android用户界面程序设计 主要内容 用户界面基础 界面布局 2.1 框架布局 2.2 线性布局 2.3 相对布局 2.4 绝对布局 2.5 表格布局 2.6 网格布局 2.7 布局的混合使用 界面常用控件 3.1 TextView和EditView 3.2 Button和ImageButton 3.3 CheckBox和RadioButton 3.4 Spinner和ListView控件 3.5 自定义列表 “移动点餐系统”用户界面 4.1 实体模型设计 4.2 主界面设计 4.3 用户注册界面设计 4.4 点餐菜单界面设计 1.用户界面基础 用户界面（User Interface）是系统和用户间进行信息交换的媒介。 Android实行界面设计者和程序开发者独立并行工作的方式，实现了界面设计和程序逻辑完全分离，不仅有利于后期界面修改中可以避免修改程序的逻辑代码，也有利于针对不同型号手机的屏幕分辨率调整界面尺寸时不影响程序的运行。 为了使界面设计和程序逻辑分离，Android程序将用户界面和资源从逻辑代码中分离出来，使用XML文件描述用户界面，资源文件独立保存在资源文件夹中。 Android用户界面框架（Android UI Framework）采用MVC（Model-View-Controller）模型，为用户界面提供处理用户输入的控制器（controller）、显示图像的视图（view），模型（model）是应用程序的核心，保存有数据和代码。控制器、视图和模型的关心 1.用户界面基础 MVC模型 视图树 1.用户界面基础 Android系统的界面元素以一种树型结构组织在一起，称为视图树。 绘制依据视图树从上至下绘制每个界面元素，且每个元素负责完成自身的绘制，如果元素包含子元素，则该元素通知其下所有子元素进行绘制。 视图树由View和ViewGroup构成。View是一个重要的基类，所有界面上的可见元素都是View的子类，ViewGroup是能够承载多个View的显示单元，用于承载界面布局和具有原子特性的重构模块。 MVC中的控制器能够接受并响应用户的动作，如按键和触摸屏幕等，并将这些动作作为一系列独立事件加入到队列中，按照“先进先出”的规则将每个事件分配给对应的事件处理函数进行处理。 1.用户界面基础 Android用户界面是单线程用户界面，事件的获取和界面的屏幕绘制使用同一个线程。 好处：用户不需要在控制器和视图间进行同步，事件的处理完全按照队列顺序进行； 坏处：如果事件函数过于复杂，可能导致用户界面失去响应，因此界面的事件响应函数尽可能使用简短代码，或者将复杂工作交给后台线程处理。 2.界面布局 2.1 框架布局 框架布局FrameLayout也叫帧布局，该布局上的组件放置到左上角位置，按放置的前后顺序逐一层叠摆放，后面的组件会遮盖之前的组件。 【例3-1】演示框架布局编程方法 2.界面布局 2.2 线性布局 线性布局LinearLayout是将控件按照水平（horizontal）或垂直（vertical）两种方式排列，在布局文件中由android:orientation属性来控制排列方向。水平方向设置为android：orientation=”horizontal”，垂直方向设置为android：orientation=”vertical”。 【例3-2】演示线性布局编写方法 2.界面布局 2.3 相对布局 相对布局RelativeLayout是采用相对于其他组件位置的布局方式，该布局内的组件都和其他组件存在相对关系，通常通过指定id关联其他组件，以右对齐、上对其、下对齐或居中对齐等方式来排列组件。 相对布局是现在用的比较多的一种布局方式，属性较多，下面介绍几种常用属性： 2.3 相对布局 2.3 相对布局 【例3-3】演示相对布局编程方法 2.界面布局 2.4 绝对布局 绝对布局AbsoluteLayout是以屏幕左上角为坐标（0,0），直接以具体坐标指定控件位置，该布局可以随意指定控件位置，但开发很少用，因为不同手机屏幕分辨率不同，存在兼容性问题。其中组件位置通过android:layout_x和android:layout_y这两个属性进行设置。 2.4 绝对布局 【例3-4】演示绝对布局编程方法 2.界面布局 2.5 表格布局 表格布局TableLayout是将页面划分为行、列构成的单元格。 每个TableRow/TableRow标记表示单元格的一行，单元格的列数等于最多子控件TableRow的列数。直接在TableLayout加控件会直接占据一行。 TableLayout可设置的属性包括全局属性及单元格属性。 （1）全局属性也即列属性，有以下3个参数： android:str