android：布局详解

属性： 蓝色 ：用于布局的属性；   绿色 ：用于组件的属性

LinearLayout 线性布局

线性布局不会换行，当组件排列到窗体边缘后，后面的组件将不会被显示出来，但在 weight 不为 0 的情况下，组件不会被挤出窗体。

属性：

orientation  :   线性布局的方向

grivity  : 用于布局管理器中组件内的一个属性，为组件中内容的对齐方式（如： button 内的文字的对齐方式），默认对齐为：左上角。其可选值包括： top 、 bottom 、 left 、 right 、 center_vertical 、 center_horizontal 、 fill_vertical 、 fill_horizontal 、 center 、 fill 、 clip_vertical 、 clip_horizontal 。这些属性可以同时指定，各属性之间用竖线隔开，例如：要指定组件靠右下角对齐，可以使用属性值： right|bottom

 

Layout_weight ： 此属性情况有点复杂，它是指允许子元素可以填充屏幕上（垂直 / 水平方向）的 剩余空间 ，剩余的空间就会按这些子元素指定的 weight 比例分配给这些子元素。默认的  weight 值为  0 （ 意思是需要显示多大的视图就占据多大的屏幕空间） 。

有两种情况（ 这里以 orientation = "horizontal" 为例 ， vertical 同理 ）：  

情况 1 ： layout_width = "wrap_content" 时， weight 值越大，所占比例越多：

TV1 ： layout_weight=”1”    占屏幕（垂直 / 水平方向）剩余空间的 1/4

TV2 ： layout_weight=”3”    占屏幕（垂直 / 水平方向）剩余空间的 3/4

 

情况 2 ： layout_width = " fill_parent" 时， weight 值越小，所占比例越多，因为各元素都 fill_parent 了，所以屏幕没有了剩余空间可以分配，根据某算法， weight 值越小，被压缩的程度越小。

 

算法：

假设屏幕宽度为： pw

因为两个控件的宽度是 fill_parent ，则控件宽度为： pw

所以： delta （总剩余空间）  = pw – 2 * pw =  – pw

又因为： weightSum = 1+3 =4

所以： tv1 分配到的剩余空间 tv1_delta = （ 1 * delata ） /weightSum

                                  = –1/4 pw

tv1 的宽度  = pw + tv1_delta

                = 3/4 pw

同理： tv2 的宽度  = 1/4 pw

TableLayout 表格布局

     Tablelayout 类以行和列的形式对控件进行管理，每一行为一个 TableRow 对象，或一个 View 控件。

1 ．当为 TableRow 对象时，可在 TableRow 下添加子控件，默认情况下，每个子控件占据一列。

2 ．当为 View 时，该 View 将独占一行。

TableLayout 行列数的确定

TableLayout 的行数由开发人员直接指定，即有多少个 TableRow 对象（或 View 控件），就有多少行。

TableLayout 的列数等于含有最多子控件的 TableRow 的列数。如第一 TableRow 含 2 个子控件，第二个 TableRow 含 3 个，第三个 TableRow 含 4 个，那么该 TableLayout 的列数为 4.

TableLayout 可设置的属性详解

1 、 全局属性也即列属性：

stretchColumns ： 设置可伸展的列。该列可以向行方向伸展，最多可占据一整行。

shrinkColumns ： 设置可收缩的列。当该列子控件的内容太多，已经挤满所在行，那么该子控件的内容将往列方向显示。

collapseColumns ： 设置要隐藏的列。

示例：

android:stretchColumns="0" 第 0 列可伸展

android:shrinkColumns="1,2" 第 1,2 列皆可收缩

android:collapseColumns="*" 隐藏所有行

说明：列可以同时具备 stretchColumns 及 shrinkColumns 属性，若此，那么当该列的内容 N 多时，将 “ 多行 ” 显示其内容。（这里不是真正的多行，而是系统根据需要自动调节该行的 layout_height ）

 

2 、 单元格属性：

layout_column ：指定该单元格在第几列显示

layout_span ：指定该单元格占据的列数（未指定时，为 1 ）

示例：

android:layout_column="1" 该控件显示在第 1 列

android:layout_span="2" 该控件占据 2 列

说明：一个控件也可以同时具备这两个特性。

 
 

 

一个包含 4 个 TableLayout 布局的实例及效果图

version="1.0" encoding="utf-8"?>

<LinearLayoutxmlns:android=" http://schemas.android.com/apk/res/android "

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:padding="3dip"

>

<!-- 第 1 个 TableLayout ，用于描述表中的列属性。第 0 列可伸展，第 1 列可收缩，第 2 列被隐藏 -->

<TextView

android:text=" 表 1 ：全局设置：列属性设置 "

android:layout_height="wrap_content"

android:layout_width="wrap_content"

android:textSize="15sp"

android:background="#7f00ffff"/>

<TableLayout

android:id="@+id/table1"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:stretchColumns="0"

android:shrinkColumns="1"

android:collapseColumns="2"

android:padding="3dip">

<TableRow>

<Button android:text=" 该列可伸展 "/>

<Button android:text=" 该列可收缩 "/>

<Button android:text=" 我被隐藏了 "/>

</TableRow>

<TableRow>

<TextViewandroid:text=" 我向行方向伸展，我可以很长  "/>

<TextViewandroid:text=" 我向列方向收缩，我可以很深 "/>

</TableRow>

</TableLayout>

<!-- 第 2 个 TableLayout ，用于描述表中单元格的属性，包括： android:layout_column 及 android:layout_span-->

<TextView

android:text=" 表 2: 单元格设置：指定单元格属性设置 "

android:layout_height="wrap_content"

android:layout_width="wrap_content"

android:textSize="15sp"

android:background="#7f00ffff"/>

<TableLayout

android:id="@+id/table2"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:padding="3dip">

<TableRow>

<Button android:text=" 第 0 列 "/>

<Button android:text=" 第 1 列 "/>

<Button android:text=" 第 2 列 "/>

</TableRow>

<TableRow>

<TextViewandroid:text=" 我被指定在第 1 列 " android:layout_column="1"/>

</TableRow>

<TableRow>

<TextView

android:text=" 我跨 1 到 2 列，不信你看！ "

android:layout_column="1"

android:layout_span="2"

/>

</TableRow>

</TableLayout>

<!-- 第 3 个 TableLayout ，使用可伸展特性布局 -->

<TextView

android:text=" 表 3 ：应用一，非均匀布局 "

android:layout_height="wrap_content"

android:layout_width="wrap_content"

android:textSize="15sp"

android:background="#7f00ffff"/>

<TableLayout

android:id="@+id/table3"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:stretchColumns="*"

android:padding="3dip"

>

<TableRow>

<Button android:text=" 一 " ></Button>

<Button android:text=" 两字 "></Button>

<Button android:text=" 三个字 " ></Button>

</TableRow>

</TableLayout>

<!-- 第 4 个 TableLayout ，使用可伸展特性，并指定每个控件宽度一致，如 1dip-->

<TextView

android:text=" 表 4 ：应用二，均匀布局 "

android:layout_height="wrap_content"

android:layout_width="wrap_content"

android:textSize="15sp"

android:background="#7f00ffff"/>

<TableLayout

android:id="@+id/table4"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:stretchColumns="*"

android:padding="3dip"

>

<TableRow>

<Button android:text=" 一 " android:layout_width="1dip"></Button>

<Button android:text=" 两字 " android:layout_width="1dip"></Button>

<Button android:text=" 三个字 " android:layout_width="1dip"></Button>

</TableRow>

</TableLayout>

</LinearLayout>

说明：第 4 个 TableLayout 里的均匀布局的均匀效果是有限的。其有限性体现在，当该行有 N 列，则每列的控件内容不能多于 1/N 。

 

RelativeLayout 相对布局

属性：

Layout_above   :   在给定控件之上

Layout_below :   在给定控件之下

Layout_toLeftOf :   在给定控件的左边

Layout_toRightOf : 在给定控件的右边

 

Layout_alignBaseline  :   与给定控件的 baseline 对齐

Layout_alignBottom : 与给定控件的底部对齐

Layout_alignLeft :

Layout_alignRight :  

Layout_alignTop :