顶级Android界面布局（手把手教您掌握）.doc

界面布局为了适应各式各样的界面风格，Android系统提供了5种布局，这5种布局分别是：LinearLayout(线性布局)TableLayout(表格布局)RelativeLayout(相对布局)AbsoluteLayout(绝对布局)FrameLayout(框架布局)利用这五种布局，可以在屏幕上将控件随心所欲的摆放，而且控件的大小和位置会随着屏幕大小的变化作出相应的调整。下面是这五个布局在View的继承体系中的关系：一、 LinearLayout(线性布局)线性布局是程序中最常见的一种布局方式，线性布局可以分为水平线性布局和垂直线性布局两种，通过android:orientation属性可以设置线性布局的方向。下面是一个简单的线性布局的例子： 对应的模拟器上的布局效果以及框架图如下所示：最外层布局为垂直线性布局，宽度为整个屏幕(fill_parent)，高度为刚好适合子控件(wrap_content)。然后依次添加一个EditText，一个水平布局的LinearLayout，在这个线性布局里面，摆放两个Button，该线性布局的gravity属性设置为”right”，所以里面的两个Button靠右显示。1、 android:gravityLinearLayout标签有一个非常重要的属性gravity，该属性用于控制布局中控件的对齐方式。如果是没有子控件的控件设置此属性，表示其内容的对齐方式，比如说TextView里面文字的对齐方式；若是有子控件的控件设置此属性，则表示其子控件的对齐方式，比如上面例子里面的两个Button的对齐方式。gravity可以取以下值，如果需要设置多个属性值，需要使用“|”进行组合：android:gravity与android:layout_gravity的区别：android:gravity定义了这个元素内所有子元素对于这个元素的布局，比如一个TextView内部文字的对齐方式；android:layout_gravity定义了这个元素相对于父元素(比如Layout)的布局，比如一个TextView在整个Layout中的位置。这两个属性对应的常量值都是一样的，如上表所示。2、android: layout_weight首先需要注意的是，没有android:weight这样的属性，这个与上面的android:gravity不一样。我们可以通过设置控件的layout_weight属性以控制各个控件在布局中的相对大小。layout_weight属性是一个非负整数值。线性布局会根据该控件layout_weight值与其所处布局中所有控件layout_weight值之和的比值为该控件分配占用的区域。例如，在水平布局的LinearLayout中有两个Button，这两个Button的layout_weight属性值都为1，那么这两个按钮都会被拉伸到整个屏幕宽度的一半。如果layout_weight指为0，控件会按原大小显示，不会被拉伸；对于其余layout_weight属性值大于0的控件，系统将会减去layout_weight属性值为0的控件的宽度或者高度，再用剩余的宽度或高度按相应的比例来分配每一个控件显示的宽度或高度。下例简要说明该属性的用法：LinearLayout android:orientation=verticalandroid:layout_width=fill_parent android:layout_height=fill_parentandroid:layout_weight=1 android:gravity=center对应的模拟器上的布局效果以及框架图如下所示：二、 TableLayout(表格布局)表格布局模型以行列的形式管理子控件，每一行为一个TableRow的对象，当然也可以是一个View的对象。TableRow可以添加子控件，每添加一个为一列。android:layout_colum官方解释：The index of the column in which this child should be，也即是设置该控件在TableRow中所处的列。android:layout_span官方解释：Defines how many columns this child should span，也即是设置该控件所跨越的列数。android:collapseColumns官方解释：The 0 based index of the columns to collapse. The column indices must be separated by a comma: 1, 2, 5.也即是将TableLayout里面指定的列隐藏，若有多列需要隐藏，请用逗号将需要隐藏的列序号隔开。 android:stretchColumns官方解释：The 0 based index of the columns to stretch. The column indices must be separated by a comma: 1, 2, 5. You can stretch all columns by using the value * instead. Note that a column can be marked stretchable and shrinkable at the same time.也即是设置指定的列为可伸展的列，可伸展的列会尽量伸展以填满所有可用的空间，若有多列需要设置为可伸展，请用逗号将需要伸展的列序号隔开。 android:shrinkColumns官方解释：The 0 based index of the columns to shrink. The column indices must be separated by a comma: 1, 2, 5. You can shrink all columns by using the value * instead. 设置指定的列为可收缩的列。当可收缩的列太宽以至于让其他列显示不全时，会纵向延伸空间。当需要设置多列为可收缩时，将列序号用逗号隔开。 下面用一个例子简单说明TableLayout的用法： TextView android:layout_column=1 android:text=退出 android:padding=3dip /对应的模拟器效果图如下所示：从效果图可以看出，该布局总共有三列，第一个TableRow里面的控件，从第1列开始布局。如果去掉所有控件的属性” android:layout_column=1”，显示效果如下所示(总共3列，也即第0、1、2列，每一列都用虚线框标示)： 另外一个例子布局文件如下所示： 对应的模拟器效果图如下所示：布局分析：最外层用了一个垂直的linearLayout来放置里面的4个TableLayout，每个TableLayout由两行构成，分别是一个TextView和一个TableRow，每一个TableRow都由两个TextView组成了两列。三、 RelativeLayout(相对布局)相对布局的子控件会根据它们所设置的参照控件和参数进行相对布局。参照控件可以是父控件，也可以是其它子控件，但是被参照的控件必须要在参照它的控件之前定义。下面是一个简单的例子：DigitalClockandroid:id=+id/dclockandroid:layout_width=wrap_contentandroid:layout_height=wrap_contentandroid:layout_below=id/aclock android:layout_alignLeft=id/aclockandroid:layout_marginLeft=40px /对应的模拟器效果图如下所示：另外一个相对布局的例子：对应的模拟器效果图如下所示：四、 AbsoluteLayout(绝对布局)绝对布局的子控件需要指定相对于此坐标布局的横纵坐标值，否则将会像框架布局那样被排在左上角。手机应用需要适