基本UI设计.doc

第6章 基本UI设计
视图概述
对于Android应用来说,一个美观而又简洁的界面显得非常重要,既能提高用户体验,又能保证应用的高效执行。Android SDK已经为用户提供了一套完善的界面设计功能,有丰富的组件供我们使用,如果这些组件还不能满足我们的需求,还可以对它们进行扩展。为了设计出美观而又简洁的界面,我们需要对Android SDK中提供的界面生成技术进行深入的学****本章将讲述在Android上实现用户界面的基本知识,怎样使用XML定义屏幕并把它加载到代码中,以及需要处理界面的各种任务。
一个Activity的功能很多,但它本身无法显示在屏幕上,而是借助于视图组(ViewGroup)和视图(View),这两个才是最基本的用户界面表达单元。
一个View对象就是一个数据结构,它是一个存储有屏幕上特定的矩形内布局和内容属性的数据结构。视图负责处理它所代表的屏幕布局,测量,绘制,捕获焦点的改变等。视图是Widget(窗体部件)的基类,Widget可以处理屏幕区域的测量和绘制,使用它们可以更快速地创建用户界面。可用到的Widget包括Text,EditText,Button,RadioButton,Checkbox等。
ViewGroup是直接继承View类的子类,它是装载和管理一组下层的视图和其他的视图组。使用视图组可以为界面增加结构,创建复杂的界面元素,可以把这个整体看做是单一的实体。视图组是布局的基类,而布局是视图组的一组子类,提供了通用的屏幕布局。
在Android平台上,你定义活动的UI使用的View和ViewGroup节点的层次结构如图6-1所示。根据你的需要,这个层次树可以变得更简单或更复杂,而且你能使用Android预定义的widgets和layouts集合,或者使用自定义的Views。
图 6-1视图层次结构
基本UI组件
TextView (文本框)
我们创建的第一个工程“HelloAndroid”就是用TextView来显示一段文字。TextView是一个用来显示文本标签的组件,下面我们把“HelloAndriod”的实现代码改写一下,已修改TextView显示的文字的颜色、大小等属性,运行效果如图6-2所示。
图 6-2 TextView效果图
首先,我们来看一下在Ex06_02_01_Investigations/res/layout/:
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="***@string/hello"
android:gravity="center" android:textColor="#ffffffff"
android:textSize="25px" android:id="@+id/textViewHello"/>
在TextView标签中,android:id 属性代表了TextView组件的id值;android:layout_width属性指定了组件的基本宽度;android:layout_height属性指定了组件的基本高度,一般只能设置为fill_parent(填充整个屏幕)或wrap_content(填充组件内容本身大小);android:text属性表示TextView显示的文字内容;android:textColor属性设置了TextView显示的文字的颜色,需要注意的是,颜色值只能是以“#”开头的8位0-f之间的值,前两位代表的是透明度,后六位是颜色值;android:textSize属性设置了TextView显示的文字的字体大小;android:gravity属性是对该view 内容的限定,这里是将TextView里的文字居中显示。通过setText()方法可以修改TextView显示的文字。
如果我们的TextView对象里是一个URL地址,而且需要以链接的形式显示的时候,我们可以对TextView执行以下操作,在布局文件里为TextView加上android:autoLink = “all”属性,“all”是匹配所有的链接,具体如下面的代码所示。
<TextView
android:id="@+id/tv"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:autoLink="all"
android:text="有问题问Google:"
/>