线性布局* 布局方向,水平|垂直 android:orientation="vertical(垂直)|horizontal(水平)"
* 在竖直布局下: 左对齐,右对齐,水平居中生效
android:layout_gravity
* 在水平布局下: 顶部对齐,底部对齐,竖直居中生效
android:layout_gravity
- android:layout_weight 权重(按比例平均分配屏幕剩余空间)
android官网推荐如果要按屏幕宽度进行按权重分配,请将layout_width设置为0dp,或者layout_height设置为0dp
相对布局
组件默认都是左上角,组件之间可以重叠
可以相对于父元素上下左右对齐,相对于父元素,水平居中,竖直居中,水平竖直居中
可以相对于其他组件上下左右对齐
可以布局于其它组件的上方,下方,左边,右边
<?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/center_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="center" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@id/center_btn"
android:layout_alignLeft="@id/center_btn"
android:layout_alignRight="@id/center_btn"
android:text="上边" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/center_btn"
android:layout_alignRight="@id/center_btn"
android:layout_below="@id/center_btn"
android:text="下边" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@id/center_btn"
android:layout_alignParentLeft="true"
android:layout_alignTop="@id/center_btn"
android:layout_toLeftOf="@id/center_btn"
android:text="左边" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@id/center_btn"
android:layout_alignParentRight="true"
android:layout_alignTop="@id/center_btn"
android:layout_toRightOf="@id/center_btn"
android:text="右边" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@id/center_btn"
android:layout_alignParentLeft="true"
android:layout_toLeftOf="@id/center_btn"
android:text="左上" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@id/center_btn"
android:layout_alignParentRight="true"
android:layout_toRightOf="@id/center_btn"
android:text="右上" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/center_btn"
android:layout_alignParentLeft="true"
android:layout_toLeftOf="@id/center_btn"
android:text="左下" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/center_btn"
android:layout_alignParentRight="true"
android:layout_toRightOf="@id/center_btn"
android:text="右下" />
</RelativeLayout>
效果:
[图片上传中。。。(1)]
帧布局
- 组件默认都是左上角,组件之间可以重叠
- 可以设置上下左右对齐,水平垂直居中,设置方式与线性布局一致.
<?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" >
<TextView
android:layout_width="240dp"
android:layout_height="240dp"
android:layout_gravity="center"
android:background="#ff0000" />
<TextView
android:layout_width="200dp"
android:layout_height="200dp"
android:layout_gravity="center"
android:background="#00ff00" />
<TextView
android:layout_width="160dp"
android:layout_height="160dp"
android:layout_gravity="center"
android:background="#0000ff" />
<TextView
android:layout_width="120dp"
android:layout_height="120dp"
android:layout_gravity="center"
android:background="#ffff00" />
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_gravity="center"
android:background="#ff00ff" />
<TextView
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_gravity="center"
android:background="#ffffff" />
</FrameLayout>
效果:
[图片上传中。。。(2)]
<?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" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="right|bottom"
android:text="第一个"
android:textSize="20dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="第二个"
android:layout_gravity="center"
android:textSize="20dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="第三个"
android:textSize="20dp" />
</FrameLayout>
效果:
[图片上传中。。。(3)]
tablelayout 表格布局
- 每有一个TableRow子节点表示一行,该子节点的每一个子节点表示一列
- TableLayout的一级子节点默认是匹配父元素
- TableRow子节点默认是包裹内容
重要参数:
- stretchColumns 拉伸列 列号为0
- layout_column 改变列号
- layout_span 合并列
<?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" >
<TableRow>
<TextView
android:layout_column="1"
android:text="open" />
<TextView
android:gravity="right"
android:text="Ctrl+O" />
</TableRow>
<TableRow>
<TextView
android:layout_column="1"
android:text="save" />
<TextView
android:gravity="right"
android:text="Ctrl+S" />
</TableRow>
<TableRow>
<TextView
android:layout_column="1"
android:text="Save as" />
<TextView
android:gravity="right"
android:text="Ctrl+Shift+S" />
</TableRow>
<TextView
android:layout_height="1dp"
android:background="#000000" />
<TableRow>
<TextView android:text="x" />
<TextView
android:layout_span="2"
android:text="Import" />
</TableRow>
<TableRow>
<TextView android:text="x" />
<TextView android:text="Export" />
<TextView
android:gravity="right"
android:text="Ctrl+E" />
</TableRow>
<TextView
android:layout_height="1dp"
android:background="#000000" />
</TableLayout>