android布局嵌套问题

最新推荐文章于 2024-05-04 12:52:48 发布

SunnyZhou-1024

最新推荐文章于 2024-05-04 12:52:48 发布

阅读量1.1k

点赞数 2

分类专栏： Android 文章标签： android 布局界面嵌套布局

本文链接：https://blog.youkuaiyun.com/ZM_Yang/article/details/51971532

版权

Android 专栏收录该内容

6 篇文章

订阅专栏

在Android界面开发中，遇到布局嵌套的问题，尤其是LinearLayout内部的嵌套。关键点在于，当使用layout_weight属性实现横向排列的三个子布局时，父布局需在宽度上充满其父容器，否则layout_weight将无法正常工作。

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

今天写界面，需要用到布局嵌套，即一个LinearLayout中嵌套另一个LinearLayout或其他GroupView，嵌套方法如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.ming.healthylifestyle.fragments.ShowInfoFragment">

    <!-- TODO: Update blank fragment layout -->
    <TextView
        android:id="@+id/distance"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="30sp"
        android:layout_gravity="center_horizontal"
        android:text="0.00" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="12sp"
        android:layout_gravity="center_horizontal"
        android:text="@string/distance" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="14sp"
        android:layout_gravity="center_horizontal"
        android:text="00:00:00" />

    <LinearLayout
        android:baselineAligned="false"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <LinearLayout
            android:id="@+id/base"
            android:orientation="vertical"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="wrap_content">
            <TextView
                android:id="@+id/disteweance"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="30sp"
                android:layout_gravity="center_horizontal"
                android:text="0.00" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="12sp"
                android:layout_gravity="center_horizontal"
                android:text="@string/distance" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="14sp"
                android:layout_gravity="center_horizontal"
                android:text="00:00:00" />
        </LinearLayout>
        <LinearLayout
            android:layout_gravity="center_horizontal"
            android:orientation="vertical"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="wrap_content">
            <TextView
                android:id="@+id/distaewrnce"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="30sp"
                android:layout_gravity="center_horizontal"
                android:text="0.00" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="12sp"
                android:layout_gravity="center_horizontal"
                android:text="@string/distance" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="14sp"
                android:layout_gravity="center_horizontal"
                android:text="00:00:00" />
        </LinearLayout>
        <LinearLayout
            android:orientation="vertical"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="wrap_content">
            <TextView
                android:id="@+id/dwewe"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="30sp"

                android:layout_gravity="center_horizontal"
                android:text="0.00" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="12sp"
                android:layout_gravity="center_horizontal"
                android:text="@string/distance" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="14sp"
                android:layout_gravity="center_horizontal"
                android:text="00:00:00" />
        </LinearLayout>
    <!--</GridLayout>-->
    </LinearLayout>

</LinearLayout>

在一个竖直排列的LinearLayout中嵌套另一横向排列的LinearLayout，然后又在横向排列的LinearLayout嵌套三个LinearLayout。结果如图：

横向的三个LinearLayout使用了layout_weight这一属性。这里有个关键，就是嵌套这三个布局的父布局必须在三个布局的排列方向上充满其父布局。否则layout_weight这这个属性时不起作用的。