android Activity布局初步（二）－ 嵌套布局

http://byandby.iteye.com/blog/830048

Activity布局初步（二）－ 嵌套布局 
采用嵌套的方式来实现复杂的布局，通过2个示例来介绍嵌套布局的方法。 
示例1：将Activity界面分成上、下2部分，然后上部分是用横向的（水平）布局，里面有4个TextView ，下部分则是用纵向的（垂直）布局，也放有4个TextView。 
要实现这样的布局必须要使用到嵌套布局。 
实现步骤： 
1、 首先，最外层是一个水平布局的LinearLayout； 
2、 在最外层的LinearLayout中再嵌套两个（上、下）LinearLayout； 
3、 上部分的LinearLayout使用水平布局，里面放4个TextView； 
4、 下部分的LinearLayout使用垂直布局，里面放4个TextView。 
下面为示例图，可参考一下： 

 

最后代码运行后的效果为： 

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >

	<LinearLayout
		android:orientation="horizontal"
	    android:layout_width="fill_parent"
	    android:layout_height="fill_parent"
	    android:layout_weight="1"
		>
		<TextView
			android:text="red"
			android:gravity="center_horizontal"
			android:background="#aa0000"
			android:layout_width="wrap_content"
			android:layout_height="fill_parent"
			android:layout_weight="1"
		/>
		<TextView
			android:text="green"
			android:gravity="center_horizontal"
			android:background="#00aa00"
			android:layout_width="wrap_content"
			android:layout_height="fill_parent"
			android:layout_weight="1"
		/>
		<TextView
			android:text="blue"
			android:gravity="center_horizontal"
			android:background="#0000aa"
			android:layout_width="wrap_content"
			android:layout_height="fill_parent
			android:layout_weight="1"
		/>
		<TextView
			android:text="yellow"
			android:gravity="center_horizontal"
			android:background="#aaaa00"
			android:layout_width="wrap_content"
			android:layout_height="fill_parent"
			android:layout_weight="1"
		/>
	</LinearLayout>
	
	
	<LinearLayout
		android:orientation="vertical"
	    android:layout_width="fill_parent"
	    android:layout_height="fill_parent"
	    android:layout_weight="1"
		>
		<TextView
			android:text="row one"
			android:gravity="center_horizontal"
			android:layout_width="wrap_content"
			android:layout_height="fill_parent"
			android:layout_weight="1"
			android:textSize="15pt"
		/>
		<TextView
			android:text="row two"
			android:gravity="center_horizontal"
			android:layout_width="wrap_content"
			android:layout_height="fill_parent"
			android:layout_weight="1"
			android:textSize="15pt"
		/>
		<TextView
			android:text="three"
			android:gravity="center_horizontal"
			android:layout_width="wrap_content"
			android:layout_height="fill_parent"
			android:layout_weight="1"
			android:textSize="15pt"
		/>
		<TextView
			android:text="four"
			android:gravity="center_horizontal"
			android:layout_width="wrap_content"
			android:layout_height="fill_parent"
			android:layout_weight="1"
			android:textSize="15pt"
		/>
	</LinearLayout>
</LinearLayout>

示例2：将Activity界面分成上、下两部分，然后上部分使用水平布局的LinearLayout，里面放4个TextView，下部分使用TableLayout布局，分成2行2列，每列都放1个TextView。 
实现步骤： 
1、 先首先，最外层是一个水平布局的LinearLayout； 
2、 然后再在最外层的LinearLayout里放两个（上、下）LinearLayout； 
3、 上部分的LinearLayout使用水平布局，并放4个TextView； 
4、 下部分放一个TableLayout； 
5、 在TableLayout里面放入两个TableRow（分成2行）； 
6、 在TableRow里面分别放2个TextView。 
下面为示例图，可参考一下： 

 

最后代码运行后的效果为：