瘋狂 Android 講義, 4/e – Layout範例 [LinearLayout、TableLayout、FrameLayout] P71~P84

資料來源:

    https://github.com/daichangya/book/tree/master/android
    https://pan.baidu.com/s/1d_xYJI0UQ_1tQzSj_V_NIg 提取码:70ch


LinearLayout

<?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:gravity="top"
	android:orientation="vertical">

	<Button
		android:id="@+id/bn1"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:text="@string/bn1" />

	<Button
		android:id="@+id/bn2"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:text="@string/bn2" />

	<Button
		android:id="@+id/bn3"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:text="@string/bn3" />

	<Button
		android:id="@+id/bn4"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:text="@string/bn4" />

	<Button
		android:id="@+id/bn5"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:text="@string/bn5" />
</LinearLayout>

TableLayout

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical"
	android:layout_width="match_parent"
	android:layout_height="match_parent">
	<!-- 定义第1个表格布局，指定第2列允许收缩，第3列允许拉伸 -->
	<TableLayout android:id="@+id/TableLayout01"
		android:layout_width="match_parent"
		android:layout_height="wrap_content"
		android:shrinkColumns="1"
		android:stretchColumns="2">
		<!-- 直接添加按钮，它自己会占一行 -->
		<Button android:id="@+id/ok1"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:text="独自一行的按钮"/>
		<!-- 添加一个表格行 -->
		<TableRow>
			<!-- 为该表格行添加3个按钮 -->
			<Button android:id="@+id/ok2"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:text="普通按钮"/>
			<Button android:id="@+id/ok3"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:text="收缩的按钮"/>
			<Button android:id="@+id/ok4"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:text="拉伸的按钮"/>
		</TableRow>
	</TableLayout>
	<!-- 定义第2个表格布局，指定第2列隐藏-->
	<TableLayout android:id="@+id/TableLayout02"
		android:layout_width="match_parent"
		android:layout_height="wrap_content"
		android:collapseColumns="1">
		<!-- 直接添加按钮，它自己会占一行 -->
		<Button android:id="@+id/ok5"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:text="独自一行的按钮"/>
		<!-- 添加一个表格行 -->
		<TableRow>
			<!-- 为该表格行添加三个按钮 -->
			<Button android:id="@+id/ok6"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:text="普通按钮1"/>
			<Button android:id="@+id/ok7"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:text="普通按钮2"/>
			<Button android:id="@+id/ok8"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:text="普通按钮3"/>
		</TableRow>
	</TableLayout>
	<!-- 定义第3个表格布局，指定第2列和第3列可以被拉伸-->
	<TableLayout android:id="@+id/TableLayout03"
		android:layout_width="match_parent"
		android:layout_height="wrap_content"
		android:stretchColumns="1,2">
		<!-- 直接添加按钮，它自己会占一行 -->
		<Button android:id="@+id/ok9"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:text="独自一行的按钮"/>
		<!--定义一个表格行-->
		<TableRow>
			<!-- 为该表格行添加3个按钮 -->
			<Button android:id="@+id/ok10"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:text="普通按钮"/>
			<Button android:id="@+id/ok11"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:text="拉伸的按钮"/>
			<Button android:id="@+id/ok12"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:text="拉伸的按钮"/>
		</TableRow>
		<!--定义一个表格行-->
		<TableRow>
			<!-- 为该表格行添加两个按钮 -->
			<Button android:id="@+id/ok13"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:text="普通按钮"/>
			<Button android:id="@+id/ok14"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:text="拉伸的按钮"/>
		</TableRow>
	</TableLayout>
</LinearLayout>

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">
	<!-- 依次定义6个TextView，先定义的TextView位于底层，
		后定义的TextView位于上层 -->
	<TextView
		android:id="@+id/view01"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_gravity="center"
		android:width="320dp"
		android:height="320dp"
		android:background="#f00"/>
	<TextView
		android:id="@+id/view02"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_gravity="center"
		android:width="280dp"
		android:height="280dp"
		android:background="#0f0"/>
	<TextView
		android:id="@+id/view03"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_gravity="center"
		android:width="240dp"
		android:height="240dp"
		android:background="#00f"/>
	<TextView
		android:id="@+id/view04"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_gravity="center"
		android:width="200dp"
		android:height="200dp"
		android:background="#ff0"/>
	<TextView
		android:id="@+id/view05"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_gravity="center"
		android:width="160dp"
		android:height="160dp"
		android:background="#f0f"/>
	<TextView
		android:id="@+id/view06"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_gravity="center"
		android:width="120dp"
		android:height="120dp"
		android:background="#0ff"/>
</FrameLayout>