用户界面设计-华信教育资源网.PDFVIP

第 2 章 用户界面设计 如何评价一款 APP 的好坏，用户体验是非常重要的。所谓用户体验，最直接的感受 就是界面的美观与否，其次才是功能。用户界面相当于 APP 的门面，越来越受到人们的 重视。如何设计能够兼容不同规格屏幕的用户界面，是本章的重点。 本章主要对 Android 前台手机界面布局方法以及常用组件进行阐述。主要知识点有： （1 ）Android 的布局基础知识；（2 ）Android 界面常用组件；（3 ）Android 布局方法：布局 管理器；（4 ）消息提示；（5 ）Handler 消息传递机制。 2.1 用户界面基础 用户界面（User Interface ，UI ）是通过软件使人（用户）与硬件进行信息交流的媒介。 通常，一个友好、美观的界面会提升人们对软件的好感。因此近些年来，UI 交互设计也是 移动多媒体的发展热点。 网页的用户界面需要考虑不同浏览器以及分辨率的计算机对网页的解析，而手机端的用 户界面同样需要考虑不同屏幕分辨率、尺寸和长宽比对界面的影响。如何合理布局界面使之 适应不同型号的手机，避免出现错乱、拥挤的现象，是开发人员设计用户界面时首先要考虑 的。为了能利用有限的空间设计出符合人机交互规范的用户界面，我们首先要了解基于 Android 平台的用户界面的基本知识。 1．视图 View 及容器 ViewGroup Android 用户界面框架采用 MVC （Model-View-Controller ）模型，其中 Model 为应用程 序的核心，用于封装交互的数据；Controller 用于处理用户的输入；而 View 为显示图像等信 息的视图，View 可以说是用户界面的基本组成单位，代表了屏幕中一个矩形区域，可以在 该区域存储屏幕所需显示内容的数据结构。View 是 Android 一个重要的基类，Android 应用 中所有 UI 组件均继承了该类。为了更好地实现页面布局以及复用界面中的视图 View ， Android 在 View 的基础上，派生了一个子类 ViewGroup ，作为组件的容器来使用。ViewGroup 本质上也是一个 View ，可以当成 View 来使用，它 作为容器包含的组件可以是 View ，也可以是其他 ViewGroup 。用户界面可以说是由 View 及其子类 ViewGroup 组成的视图树，其组件层次结构如图 2-1 所示。 2．用户界面搭建 图 2-1 用户界面视图树 Android 用户界面的搭建分静态和动态两种方 式。所谓静态方式即以 XML 布局文件来定义用户界面，通过 XML 布局文件中的相关属性 Android 应用开发实践教程 进行控制，这也是较为推荐的一种方式。动态方式是指通过 Java 代码来开发用户界面，动 态地控制界面中的组件。 XML 布局文件控制用户界面 利用 XML 布局文件来控制用户界面是开发人员最常使用的方法。XML 文件用来描述 用户界面，并将其保存在资源文件夹/res/layout 下。这种方法极大地简化了界面设计的过程， 使界面视图从 Java 代码中分离出来，将用户界面中静态部分定义在 XML 中，代替了编写代 码，使得程序结构更加清晰、明了。 使用布局文件描述界面基本步骤如下： ① 打开/res/layout 目录下的布局文件，遵照 XML 编写规范编写用户界面代码。保存编 写后的布局文件，R.java 将 自动注册该布局资源。 ② 在 Activity 中设置界面为上述布局文件描述的用户界面，Java 代码描述如下 ： setContentView(R.layout.布局文件名); 【例 2.1 】 开发一个登录/注册界面。 ① 创建工程，命名为 LoginDemo ，默认包名为 com.mialab.logindemo 。 ② 打开资源文件夹 layout 下的布局文件 activity_main.xml ，编写 XML 布局文件布局界 面，代码如下所示。 !--采用线性布局的方式，界面由一个文本组