Activity的布局初步（二）嵌套布局【LinearLayout、TableLayout】

最新推荐文章于 2022-11-13 11:28:24 发布

原创最新推荐文章于 2022-11-13 11:28:24 发布 · 2.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#android #layout

Android个人收集专栏收录该内容

22 篇文章

订阅专栏

本文探讨了如何在Android中实现嵌套布局，通过两个实例展示了如何使用LinearLayout进行水平和垂直布局，以及如何结合TableLayout创建2行2列的布局。详细步骤包括最外层设置垂直LinearLayout，内部嵌套水平和垂直LinearLayout，以及使用TableLayout和TableRow来放置TextView。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文通过两个示例说明嵌套布局

示例一：

将Activity界面分成上、下2部分，然后上部分是用横向的（水平）布局，里面有4个TextView ，下部分则是用纵向的（垂直）布局，也放有4个TextView。

要实现这样的布局必须要使用到嵌套布局。

实现步骤：

1、首先，最外层是一个垂直布局的LinearLayout；
2、在最外层的LinearLayout中再嵌套两个（上、下）LinearLayout；
3、上部分的LinearLayout使用水平布局，里面放4个TextView；
4、下部分的LinearLayout使用垂直布局，里面放4个TextView。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
 
    <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_vertical"
            android:background="#aa0000"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"/>
        <TextView
            android:text="green"
            android:gravity="center_vertical"
            android:background="#00aa00"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"/>
        <TextView
            android:text="blue"
            android:gravity="center_vertical"
            android:background="#0000aa"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"/>
        <TextView
            android:text="yellow"
            android:gravity="center_vertical"
            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:textSize="15pt"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"/>
        <TextView
            android:text="row two"
            android:textSize="15pt"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"/>
        <TextView
            android:text="row three"
            android:textSize="15pt"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"/>
        <TextView
            android:text="row four"
            android:textSize="15pt"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"/>
    </LinearLayout>
     
</LinearLayout>

示例二：

将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。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
 
    <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_vertical"
            android:background="#aa0000"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"/>
        <TextView
            android:text="green"
            android:gravity="center_vertical"
            android:background="#00aa00"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"/>
        <TextView
            android:text="blue"
            android:gravity="center_vertical"
            android:background="#0000aa"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"/>
        <TextView
            android:text="yellow"
            android:gravity="center_vertical"
            android:background="#aaaa00"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"/>        
    </LinearLayout>
   
    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1">
        <TableLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:stretchColumns="0">
            <TableRow>
                <TextView
                    android:text="第一行第一列"
                    android:padding="3dip" />
                <TextView
                    android:text="第一行第二列"
                    android:padding="3dip"
                    android:gravity="center_vertical" /> 
                <TextView
                    android:text="第一行第三列"
                    android:padding="3dip" />
            </TableRow>
            <TableRow>
                <TextView
                    android:text="第二行第一列"
                    android:padding="3dip" />
                <TextView
                    android:text="第二行第二列"
                    android:padding="3dip"
                    android:gravity="right" />               
            </TableRow>
        </TableLayout>
    </LinearLayout>   
</LinearLayout>