Android应用程序设计3Android界面基础.pptVIP

线性布局 线性布局（LinearLayout）是一种重要的界面布局，也是经常使用的界面布局。在线性布局中，所有的子元素都按照垂直或水平的顺序在界面上排列。如果垂直排列，则每行仅包含一个界面元素；如果水平排列，则每列仅包含一个界面元素。图3-4分别是垂直排列和水平排列的线性布局示例。 (a) 垂直排列 (b) 水平排列 图3-4 垂直排列和水平排列的线性布局 线性布局 图3-5 界面可视化编辑器 线性布局 Button android:text=@string/login android:layout_width=wrap_content android:layout_height=wrap_content/ Button android:text=@string/register android:layout_width=wrap_content android:layout_height=wrap_content/ 线性布局 图3-6 界面可视化编辑器 图3-7 XML编辑器 线性布局 实现图3-4（b）的过程与上述过程非常相似，只需要修改以下几点即可： (1)建立名为main_horizontal的XML文件； (2)将线性布局的orientation属性值设置为horizontal； (3)将MainActivity文件中的setContentView(R.layout.main_vertical)更改为setContentView(R.layout.main_horizontal)。 main_horizontal.xml文件内容此处不再详述。 表格布局 表格布局（TableLayout）也是一种常用的界面布局，它将屏幕划分为表格，表格由列和行组成许多的单元格，表格布局将子元素的位置分配到行或列中，行、列或单元格的边框线不会显示。一个表格布局由许多的TableRow组成，每一行拥有0个或多个单元格，每个单元格拥有一个View对象。在表格布局中，列可以被隐藏，也可以被设置为伸展的，从而填充可利用的屏幕空间，还可以设置为强制收缩，直到表格匹配屏幕大小。表格布局还支持嵌套，可将另一个表格布局放置在前一个表格布局的网格中，也可以在表格布局中添加其他界面布局，如线性布局、相对布局等。 表格布局 图3-8　表格布局 第3章　Android UI基础 本章内容 Android界面显示 XML布局 代码布局 混合方式 自定义View Android界面布局 线性布局 表格布局 帧布局 相对布局 网格布局 用户界面显示 用户界面的设计分为两种实现方式，一种是像设计网页时采用类似XML的HTML来描述想要的页面效果，而不是怎样达到这种效果；另一种是单一的采用代码的方式进行用户界面的设计，Android系统在声明界面布局上提供了很好的灵活性，用户既可独立使用任何一种声明界面布局方式，也可以同时使用两种方式。 XML布局 使用XML文件声明界面布局主要有两个关键步骤： (1) 在已建好的Android应用程序的res\layout目录下编写XML布局文件，XML文件命名规则同Java的命名规则，如main1。创建后，R.java会自动收录并生成该布局资源的ID； (2) 在Activity中使用setContentView(R.layout.main1)代码来显示XML文件中布局的内容。 XML布局文件控制用户界面 在Eclipse中创建一Android应用程序，名称为XML_Layout，包名称是.zzti.xml_layout，Activity名称为MainActivity，使用XML布局文件实现某一应用程序的欢迎界面。 项目XML_Layout的界面如图3-1所示。 图3-1　XML布局 修改新建项目 FrameLayoutxmlns:android=/apk/res/androidxmlns:tools=/tools android:layout_width=match_parent android:layout_height=match_parent TextView android:layout_width=wrap_content android:layout_height=wrap_content android:text=@string/hello_world / /FrameLayout 代码布局 在代码中实现用户界面显示，主要有三个步骤： (1) 创建布局管理器。可以是帧布局管理器、表格布局管理器、线性布局管理器和相对布局管理器等。布局管理器详见3.2节. (2) 创建具体的