第7章节 设计android,界面布局.ppt

第7章 设计界面布局 本章我们将讲解如何在Android中进行界面布局。通过本章的学习，读者将掌握如何使用Android提供的一些布局类，LinearLayout、TableLayout、FrameLayout、RelativeLayout以及AbsoluteLayout。并且我们将学习一些功能与布局类类似的容器视图。 7.1 创建界面 在Android应用中创建界面通常有两种方法，一种是使用xml创建布局，这在之前的范例程序中经常被使用，也许读者朋友们对其已经比较熟悉了。第二种则是在Java代码中实现，与使用xml文件相比，它更加灵活，更加“动态”，缺点则是会使代码比较混乱，不如使用xml文件那样结构清晰。 7.1.1 使用xml资源创建布局 使用xml资源文件创建界面时，文件位于/res/layout文件夹下。该方法是创建界面最方便也是最常用的方法，在创建时你需要为它赋予一些属性，当然在之后的程序代码中你还可以对其进行修改。 7.1.2 使用代码创建布局 如果你不愿意使用xml来创建布局，或者某些时候，使用xml创建布局反而不方便，这个时候你可以选择在Java代码中完成布局的创建工作。事实上，运行后效果如下图所示： 7.2 使用布局类 Android SDK为我们提供了5个布局类，他们是：线性布局（LinearLayotu）、绝对布局（AbsoluteLayout）、表格布局（TableLayout）、关系布局（RelativeLayout）、框架布局（FrameLayout）。本节将逐一讲解这些类的使用方法和技巧。 7.2.1 使用绝对布局 绝对布局（AbsoluteLayout）视图是指为该布局内的所有子视图指定一个绝对的坐标。 言归正传，我们来观察具体的绝对布局的使用方法。 1. 通过xml资源创建绝对视图 运行后，界面显示到效果如图所示： 2.通过代码创建绝对布局 在代码中实现动态进行布局会比较麻烦一些，要使用代码实现绝对布局需要以下5个步骤： （1）创建需要显示的组件对象； （2）创建布局参数对象； （3）创建绝对布局对象； （4）将组件对象添加到布局对象中，并赋予其相应的布局参数； （5）使用setContentView()方法将布局显示； 运行代码后在模拟器中我们可以得到如图1所示界面，而在真机测试时得到的界面却如图2所示： 图1 图2 7.2.2 使用线性布局 线性布局是开发人员在开发中使用最多的一类布局，甚至在Android新建工程时默认的布局都是LinearLayout。线性布局的作用是将所有的子视图按照横向或者纵向有序地排列。这里不得不提到线性布局特有的一个属性android : orientation，该属性的作用是指定本线性布局下的子视图排列方向：如果设置为“horizontal”则表示水平，方向为从左向右；若设置为“vertical”则表示垂直，方向为从上向下。将多个线性布局嵌套可以完成大部分希望实现的效果。 1. 使用xml编写线性布局 在一个整体的垂直线性布局中有四个子视图，他们从上到下依次为TextView、LinearLayout、TextView、LinearLayout，接着在子视图的第一个LinearLayout中，从左向右排列了一排ImageView，第二个LinearLayout中，从上到下排列了一列ImageView。如果你愿意，你还可以继续向下层嵌套，当然最好不要嵌套太深的层数，因为这会大大地降低显示效率。其框架结构如图所示： 理解了本段代码的框架结构后我们再运行代码，看看效果是不是和我们希望的一样，效果如图所示： 2. 使用代码编写线性布局 使用Java代码编写线性布局会比较麻烦，而且他们的层级结构会不显得没有xml代码那么清晰，后期修改代码时，包括改变参数时都会需要更多的工作量。 运行代码，效果如图所示： 7.2.3 使用框架布局 框架布局非常简单而搞笑，如果使用层级视图工具（Hierarchy Viewer tool）你会发现所有的布局都是在一个总体的框架布局中。事实上，我们手机的主界面（Home界面）就是使用的框架视图，每个小应用都是一个子视图。 1.使用xml文件创建框架视图 首先我们准备一张图片，如图所示： 将其指定为在父视图的底部，与此同时他们都通过： android:gravity=center 将文字定位在了本视图的中间。将程序运行，我们会看到如下图所示的效果： 2. 在Java代码中编写框架视图 在Java中编写框架布局的代码与编写线性布局类似，需要使用一些LayoutParams来设置属性，运行以上代码段