第3讲Android用户界面(一).ppt

作业与实验 作业： (1）在xml文件中如何创建资源ID供其它对象引用？ (2) 设计一个界面：在此界面中，输入两个数，计算两数的乘积并显示计算结果。 实验 无 第3讲 Android用户界面(一) 宋婕 sj@chzu.edu.cn 上讲回顾 Android 应用程序生命周期 Activity生命周期中回调函数的调用及Activity栈 Android应用程序的调试方法和工具 教学目标 了解Android 用户界面设计的基础知识 了解Android的资源管理方式 掌握视图组件的使用模式 掌握Android用户界面的几种基本控件类的使用 用户界面（User Interface，UI）是系统和用户之间进行信息交换的媒介，实现信息的内部形式与人类可以接受形式之间的转换 批处理界面（1945-1968）和命令行界面（1969-1983） 图形用户界面Graphical User Interface，GUI 未来 运用虚拟现实技术，使用户能够摆脱键盘与鼠标的交互方式，而通过动作、语言，甚至是脑电波来控制计算机 Android 用户界面设计的基础知识 设计手机用户界面应解决的问题 需界面设计与程序逻辑完全分离 需自动调整界面上部分控件的位置和尺寸 需合理利用较小的屏幕显示空间，构造出符合人机交互规律的用户界面 Android已经解决了前面两个问题 使用XML文件（布局文件）描述用户界面；资源文件独立保存在资源文件夹中(res) 对用户界面描述非常灵活，允许不明确定义界面的位置和尺寸，仅声明界面元素的相对位置和粗略尺寸 Android 用户界面设计的基础知识 设计手机用户界面应特别注意的问题 显示区域小 操作主要依赖拇指 不同型号的手机支持的图片格式、声音格式、动画格式不一样，需要选择尽可能通用的格式，或者针对不同的型号进行配置选择 不同型号的手机屏幕大小不一致，设置形状不一致，因此需要考虑图片的自适应问题和界面元素的布局问题 Android 用户界面设计的基础知识 Android用户界面框架采用MVC（Model-View-Controller）模型 提供了处理用户输入的控制器（Controller） 显示用户界面和图像的视图（View）， 以及保存数据和代码的模型（Model） Android 用户界面设计的基础知识 Android 用户界面设计的基础知识 Android用户界面框架采用视图树（View Tree）模型 Android用户界面框架中的界面元素以一种树型结构组织在一起，称为视图树 Android系统会依据视图树的结构从上至下绘制每一个界面元素。每个元素负责对自身的绘制，如果元素包含子元素，该元素会通知其下所有子元素进行绘制 Android资源管理方式 Android应用程序模型 ANDROID 应用程序 资源 源代码 控件布局（Layout） 图片（Drawable） 值（Values） R.java Activity Activity Android资源管理方式 Android界面布局文件 Android界面布局Layout定义了界面中所有的元素、结构和相互关系 使用XML文件描述界面布局 在程序运行时动态添加或修改界面布局 布局对象在程序中的调用 setContentView(…) 从布局文件加载布局及控件 布局 Activity 加载 setContentView findViewById 视图组件，又称为widget组件、UI组件、View组件 视图组件的定义 资源的访问 生成视图组件资源标识 视图组件的引用 视图组件的事件响应 视图组件的使用模式 视图组件的定义 1.使用XML文件描述组件及样式（P60） 2.在Java程序运行时动态添加或修改组件及样式（P61） 随后获取UI组件对象 视图组件的使用模式 控件资源ID 控件 控件大小 控件显示内容 资源的访问 1.颜色资源 resources color name=“color1”#FF0000/color /resources 2.尺寸资源 resources demen name=“dimen1”20px/demen /resources 3.Drawable资源 4.样式资源 视图组件的使用模式 生成视图组件资源标识 XML资源实例化过程中，Android Asset Package Tool（aapt）解析布局文件中的组件定义 生成对应的资源标识（P64） 完成视图组件定义标识与组件实例的对应关系 视图组件的使用模式 视图组件的引用 布局 Activity 加载 setContentView findViewById 视图组件的使用模式 视图组件的两种用法 setContentView()实现