安卓常用布局（线性、相对、帧、表格布局）

1、线性布局效果图：

Xml文件如下：

<?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" > <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:orientation="horizontal" > <TextView android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent" android:background="@android:color/holo_blue_light" /> <TextView android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent" android:background="@android:color/holo_green_light" /> <TextView android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent" android:background="@android:color/holo_purple" /> <TextView android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent" android:background="@android:color/holo_orange_light" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:orientation="vertical" > <TextView android:layout_width="match_parent" android:layout_weight="1" android:layout_height="0dp" android:background="@android:color/holo_red_light" /> <TextView android:layout_width="match_parent" android:layout_weight="1" android:layout_height="0dp" android:background="@android:color/holo_purple" /> <TextView android:layout_width="match_parent" android:layout_weight="1" android:layout_height="0dp" android:background="@android:color/holo_green_light" /> <TextView android:layout_width="match_parent" android:layout_weight="1" android:layout_height="0dp" android:background="@android:color/holo_blue_light" /> </LinearLayout> </LinearLayout>

2、相对布局效果图：

XMl文件：

<?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" android:layout_width="100dp" android:layout_height="wrap_content" android:text="中间" android:textSize="18dp" android:layout_centerInParent="true" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="上面" android:textSize="18dp" android:layout_above="@id/center" android:layout_alignRight="@id/center" android:layout_alignLeft="@id/center" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="下面" android:textSize="18dp" android:layout_below="@id/center" android:layout_alignRight="@id/center" android:layout_alignLeft="@id/center" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="左边" android:textSize="18dp" android:layout_toLeftOf="@id/center" android:layout_alignTop="@id/center" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="右边" android:textSize="18dp" android:layout_toRightOf="@id/center" android:layout_alignTop="@id/center" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="左上边" android:textSize="18dp" android:layout_toLeftOf="@id/center" android:layout_above="@id/center" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="右上边" android:textSize="18dp" android:layout_toRightOf="@id/center" android:layout_above="@id/center" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="左下边" android:textSize="18dp" android:layout_toLeftOf="@id/center" android:layout_below="@id/center" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="右下边" android:textSize="18sp" android:layout_toRightOf="@id/center" android:layout_below="@id/center" /> </RelativeLayout>

3、帧布局效果图：

xml文件：

<?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:background="@android:color/holo_red_light" android:layout_gravity="center" /> <TextView android:layout_width="200dp" android:layout_height="200dp" android:background="@android:color/holo_blue_light" android:layout_gravity="center" /> <TextView android:layout_width="160dp" android:layout_height="160dp" android:background="@android:color/holo_green_light" android:layout_gravity="center" /> <TextView android:layout_width="120dp" android:layout_height="120dp" android:background="@android:color/holo_orange_light" android:layout_gravity="center" /> <TextView android:layout_width="80dp" android:layout_height="80dp" android:background="@android:color/white" android:layout_gravity="center" /> </FrameLayout>

4、表格布局效果图如下：

xml文件：

<?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 android:background="@android:color/black" > <TextView android:layout_column="1" android:text="open" android:textColor="@android:color/white" /> <TextView android:text="ctrl-0" android:textColor="@android:color/white" android:gravity="right" /> </TableRow> <TableRow android:background="@android:color/black" > <TextView android:layout_column="1" android:text="save" android:textColor="@android:color/white" /> <TextView android:text="ctrl-s" android:textColor="@android:color/white" android:gravity="right" /> </TableRow> <TableRow android:background="@android:color/black" > <TextView android:layout_column="1" android:text="save as" android:textColor="@android:color/white" /> <TextView android:text="ctrl-shift-s" android:textColor="@android:color/white" /> </TableRow> <TextView android:layout_height="1dp" android:background="@android:color/white" /> <TableRow android:background="@android:color/black" > <TextView android:text="x " android:textColor="@android:color/white" /> <TextView android:layout_span="2" android:text="import" android:textColor="@android:color/white" /> </TableRow> <TableRow android:background="@android:color/black" > <TextView android:text="x " android:textColor="@android:color/white" /> <TextView android:text="export" android:textColor="@android:color/white" /> <TextView android:text="ctrl-e" android:textColor="@android:color/white" android:gravity="right" /> </TableRow> <TextView android:layout_height="1dp" android:background="@android:color/white" /> <TableRow android:background="@android:color/black" > <TextView android:layout_column="1" android:text="save as" android:textColor="@android:color/white" android:layout_span="2" /> </TableRow> </TableLayout>