《Android系统设计与开发》课件_第5章.pptx

第5章Android应用界面;

5.1Android应用界面开发概述;

View类有一个非常重要的子类ViewGroup，它是View的一个扩展，可以容纳多个View，通过ViewGroup类可以创建有联系的子View组成的复合控件。图5.1表示Android图形用户界面的组件层次。;

;

5.1.2Android控制UI界面的方式

Android推荐在XML布局文件中控制视图，这样可以将应用的视图控制逻辑从Java代码中分离出来，方便用户进行开发。在Android应用的app\src\main\res\layout目录下定义一个任意文件名的XML布局文件，然后在Java代码中可以通过setContentView(R.layout.资源文件名字)在Activity中加载该视图。;

Android中使用XML布局文件进行界面开发有以下几点好处：首先是能够更好地被UI编辑器所识别，编辑器也能够很好地根据编辑的UI生成XML文件；其次是能够使UI的设计与逻辑代码分开，提高编辑工程的效率；最后就是XML使用广泛，结构清晰。因此推荐使用XML布局文件进行UI界面的设计，本书在进行应用界面设计时也采用该方法。

虽然Android推荐使用XML布局文件来控制UI界面，但如果开发者愿意，Android允许开发者通过Java代码进行界面的编辑。如果想在Java代码中控制UI界面，那么所有的UI组件都将通过new关键字创建出来，然后通过合适的方式搭建在一起。;

5.1.3Android中UI界面开发的常用尺寸单位

因为不同的屏幕具有不同的像素密度，因此同样数量的像素在不同设备上可能对应不同的物理尺寸。Android常用dp和sp作为尺寸单位。dp是一种密度无关像素，对应于160?dpi屏幕上一个像素的长度，多用于指定布局与控件的长度和宽度；sp通常用于指定字体的大小，当用户修改手机显示的字体时，字体大小会随之改变。;

5.2常用界面控件;

新建一个UIBestTest工程(布局的使用在后面的章节会逐步介绍，所以目前工程中先使用最简单的线性布局)。在布局可视化编辑界面点击鼠标右键，在出现的菜单中选择Convertview，如图5.2所示，在弹出的对话框中选择LinearLayout，如图5.3所示，即可转换为线性布局。;

;

;

5.2.1TextView

TextView是用于显示字符串的控件。如果用户想要在App中获得信息，那么一定离不开TextView控件。

在TextView中使用android:id为该控件定义唯一的标识符，以便在程序代码中引用。使用android:layout_width和android:layout_height定义控件的宽度和高度，可选值有两种：match_parent和wrap_content。;

match_parent表示当前控件的大小和父布局一样，如果将一个控件的宽度指定为match_parent，那么它的宽度和父布局是一样的。wrap_content表示当前控件的大小刚好能够包裹住里面的内容，由控件中的内容来决定控件的大小。在早期的工程中，也存在fill_parent的写法，它的作用与match_parent一样，但是目前官方的开发文档已经不推荐使用fill_parent了。此外控件的宽度和高度还可以指定固定的值，单位为dp，但不推荐这么做，因为在不同的手机上适配会出现问题。android:text用于指定显示文本的内容。;

运行程序，效果图如图5.4所示。;

修改后的代码中，android:gravity的作用是指定控件的对齐方式，可选的值主要有top、bottom、left、right、center等。android:textSize的作用是指定字体的大小。重新运行程序，效果如图5.5所示。;

;

可以看到，TextView显示在屏幕中间，说明TextView的宽度与父布局是一致的。除了上述代码中的属性，还可以更改控件的其他属性，比如用android:textColor来更改文本的颜色等，此处不再赘述，相关的开发请查阅官方文档。;

5.2.2Button

Button是一种按钮控件，用户能够点击该控件，并引发相应的事件处理函数。

运行程序，并点击按钮，结果如图5.6所示。可以看到，屏幕上出现了Toast提示，说明已经成功地利用按钮实现了用户与App之间的交互。;

;

5.2.3EditText

EditText是Android中另一种与用户交互非常重要的控件。用户平时在Android手机上发短信、发微信、聊QQ等都离不开EditText控件。

运行程序，效果如图5.7所示，可以看到，程序界面中已经有了EditT