android布局

线性布局* 布局方向,水平|垂直 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>