Android-布局管理器

线性布局(Linearlayout)

属性

orientation 布局管理器内组件的排列方式(horizontal（水平）和vertical（垂直），默认值为 horizontal.)

layout_weight 权重 à 用于设置组件占父容器剩余空间的比例

layout_backgound 背景颜色

layout_gravity 设置当前组件在布局管理器中的位置

示例

代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><Button android:id="@+id/tv_bt1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt1"android:layout_weight="2"/><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content" android:background="#90f0"android:layout_weight="2"    ><Button android:id="@+id/tv_bt4"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt4"android:layout_gravity="center"/>    <Button android:id="@+id/tv_bt5"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt5"android:layout_weight="2"android:layout_gravity="right|bottom"        />                </LinearLayout><Button android:id="@+id/tv_bt2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt2"/>    <Button android:id="@+id/tv_bt3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt3"android:layout_weight="1"/>
</LinearLayout>

显示

相对布局(RelativeLayout)

需要设置id属性

因为相对布局需要以其它控件(id)或父容器作为参照, 后放入控件的位置依赖于先放入的控件。

属性

控件属性	功能描述
android:layout_centerInParent	设置当前控件位于父布局的中央位置，其属性值为boolean值
android:layout_centerVertical	设置当前控件位于父布局的垂直居中位置，其属性值为boolean值
android:layout_centerHorizontal	设置当前控件位于父控件的水平居中位置，其属性值为boolean值
android:layout_above	设置当前控件位于某控件上方，其属性值为其他UI组件的id属性
android:layout_below	设置当前控件位于某控件下方，其属性值为其他UI组件的id属性
android:layout_toLeftOf	设置当前控件位于某控件左侧，其属性值为其他UI组件的id属性
android:layout_toRightOf	设置当前控件位于某控件右侧，其属性值为其他UI组件的id属性
android:layout_alignParentTop	设置当前控件停靠于布局顶端，其属性值为boolean值
android:layout_alignParentLeft	设置当前控件停靠于布局左侧，其属性值为boolean值
android:layout_alignParentRight	设置当前控件停靠于布局右侧，其属性值为boolean值
android:layout_alignParentBottom	设置当前控件停靠于布局底端，其属性值为boolean值
设置当前控件的上边界与某控件的上边界对齐
android:layout_alignTop	设置当前控件的上边界与某控件的上边界对齐，其属性值为其他UI组件的id属性
android:layout_alignBottom	设置当前控件的下边界与某控件的下边界对齐，其属性值为其他UI组件的id属性
android:layout_alignLeft	设置当前控件的左边界与某控件的左边界对齐，其属性值为其他UI组件的id属性
android:layout_alignRight	设置当前控件的右边界与某控件的右边界对齐，其属性值为其他UI组件的id属性
设置当前控件边界与某控件的距离
android:layout_marginTop	设置当前控件上边界与某控件的距离
android:layout_marginBottom	设置当前控件底边界与某控件的距离
android:layout_marginLeft	设置当前控件左边界与某控件的距离
android:layout_marginRight	设置当前控件右边界与某控件的距离

示例

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent" ><Button android:id="@+id/bt1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt1"/><Button android:id="@+id/bt2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:text="bt2"/><Button android:id="@+id/bt3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentRight="true"android:text="bt3"/><Button android:id="@+id/bt4"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerVertical="true"android:text="bt4"/><Button android:id="@+id/bt5"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerInParent="true"android:text="bt5"/><Button android:id="@+id/bt6"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentRight="true"android:layout_centerVertical="true"        android:text="bt6"/><Button android:id="@+id/bt7"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:text="bt7"/><Button android:id="@+id/bt8"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:layout_centerHorizontal="true"android:text="bt8"/><Button android:id="@+id/bt9"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:layout_alignParentRight="true"android:text="bt9"/><Button android:id="@+id/bt10"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@id/bt1"android:layout_toRightOf="@id/bt4"android:layout_above="@id/bt4"android:layout_alignRight="@id/bt2"android:text="bt10"/><Button android:id="@+id/bt11"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@id/bt10"android:layout_above="@id/bt7"android:layout_toRightOf="@id/bt4"android:text="bt11"/><Button android:id="@+id/bt12"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignLeft="@id/bt5"android:layout_below="@id/bt5"android:layout_toLeftOf="@id/bt6"android:layout_alignBaseline="@id/bt11"android:text="bt12"/></RelativeLayout>

表格布局(Tablelayout)

表格布局属性

控件属性	功能描述
android:layout_column	设置该单元显示位置
android:layout_span	设置该单元格占据几行，默认为1行

表格布局中控件属性

控件属性	功能描述
android:layout_column	设置该单元显示位置
android:layout_span	设置该单元格占据几行，默认为1行

示例

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:stretchColumns="1,2" ><TableRow android:layout_width="match_parent"android:layout_height="wrap_content"><TextView android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="点a:"/><EditText android:id="@+id/et_ax"android:layout_width="wrap_content"android:layout_height="wrap_content"android:hint="x"/><EditText android:id="@+id/et_ax"android:layout_width="wrap_content"android:layout_height="wrap_content"android:hint="y"/></TableRow><TableRow android:layout_width="match_parent"android:layout_height="wrap_content"><TextView android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="点b:"/><EditText android:id="@+id/et_bx"android:layout_width="wrap_content"android:layout_height="wrap_content"android:hint="x"/><EditText android:id="@+id/et_bx"android:layout_width="wrap_content"android:layout_height="wrap_content"android:hint="y"/></TableRow><Button android:id="@+id/bt"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="确定"/></TableLayout>

帧布局(FrameLayout)

示例

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:foreground="@drawable/ic_launcher"   android:foregroundGravity="right|bottom" ><TextView android:layout_gravity="center"android:layout_width="400px"android:layout_height="400px"android:background="#f00"android:text="红色背景的TextView"/><TextView android:layout_gravity="center"android:layout_width="300px"android:layout_height="300px"android:background="#FF8000"android:text="橙色背景的TextView"/><TextView android:layout_gravity="center"android:layout_width="200px"android:layout_height="200px"android:background="#FFFF00"android:text="黄色背景的TextView"/></FrameLayout>

网格布局(GridLayout)

示例

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent" android:columnCount="4"><Button android:id="@+id/bt1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt1"android:layout_column="3"/><Button android:id="@+id/bt2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt2"/><Button android:id="@+id/bt3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt3"/><Button android:id="@+id/bt4"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt4"/><Button android:id="@+id/bt5"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt5"/><Button android:id="@+id/bt6"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt6"/><Button android:id="@+id/bt7"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt7"/><Button android:id="@+id/bt8"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt8"/><Button android:id="@+id/bt9"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt9"/><Button android:id="@+id/bt10"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt10"/><Button android:id="@+id/bt11"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt11"/><Button android:id="@+id/bt12"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt12"/><Space /><Button android:id="@+id/bt13"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt13"android:layout_columnSpan="2"android:layout_gravity="fill_horizontal"/><Button android:id="@+id/bt14"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt14"/><Button android:id="@+id/bt15"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_rowSpan="2"android:layout_gravity="fill_vertical"android:text="bt15"/><Button android:id="@+id/bt16"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_columnSpan="3"android:layout_gravity="fill_horizontal"android:text="bt16"/><Space /></GridLayout>