基本UI设计.DOC

第6章 基本UI设计 6.1 视图概述 对于Android应用来说，一个美观而又简洁的界面显得非常重要，既能提高用户体验，又能保证应用的高效执行。Android SDK已经为用户提供了一套完善的界面设计功能，有丰富的组件供我们使用，如果这些组件还不能满足我们的需求，还可以对它们进行扩展。为了设计出美观而又简洁的界面，我们需要对Android SDK中提供的界面生成技术进行深入的学习。本章将讲述在Android上实现用户界面的基本知识，怎样使用XML定义屏幕并把它加载到代码中，以及需要处理界面的各种任务。 一个Activity的功能很多，但它本身无法显示在屏幕上，而是借助于视图组(ViewGroup)和视图（View），这两个才是最基本的用户界面表达单元。 一个View对象是一个数据结构，ViewGroup是直接继承View类的子类，它是装载和管理一组下层的视图和其他的视图组。使用视图组可以为界面增加结构，创建复杂的界面元素，可以把这个整体看做是单一的实体。视图组是布局的基类，而布局是视图组的一组子类，提供了通用的屏幕布局。 在Android平台上，你定义活动的UI使用的View和ViewGroup节点的层次结构如图所示。根据你的需要这个层次树可以简单复杂，且你能使用Android预定义的widgets和layouts集合，或者使用自定义的Views。 6.2 基本UI组件 6.2.1 TextView (文本框) 我们创建的第一个工程“HelloAndroid”就是用TextView来显示一段文字。TextView是一个用来显示文本标签的组件，下面我们把“HelloAndriod”的实现代码改写一下，已修改TextView显示的文字的颜色、大小等属性，运行效果如图6-2所示。 图 6-2 TextView效果图 首先，我们来看一下在Ex06_02_01_Investigations/res/layout/main.xml布局文件中TextView的定义： 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对象里是一个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：http://www.google.hk / 注意：我们后面要学习的每个组件都有很多属性，具体的属性内容可以查看Android的官方文档。 6.2.2 EditText(编辑框) EditText也是开发中经常使用的组件，比如，要实现一个登录界面，需要用户输入账号和密码等信息，然后我们获得用户输入的内容，把它交给服务器来判断。因此，我们要学习如何在布局文件中实现编辑框，然后获得编辑框的内容。 程序运行效果如图6-3所示。 图6-3 EditText效果图 EditText在Ex06_02_01_Investigations/res/layout/main.xml