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>