LinearLayout match_parent wrap_content layout_weight

最新推荐文章于 2024-04-15 11:46:49 发布

原创最新推荐文章于 2024-04-15 11:46:49 发布 · 553 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android

本文通过四种不同情况探讨了Android中LinearLayout布局的特性，特别是在水平方向上使用match_parent与wrap_content属性时的行为差异。通过实例展示了子视图如何受父布局宽度属性的影响。

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

This is my MainActivity layout: activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.custom.app002.MainActivity"
    android:orientation="vertical">

    <!--情况1：不使用weight，所有的子视图的layout_width="wrap_content"-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="10dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/red"
            android:text="Hello World!"
            android:textColor="@color/white"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/blue"
            android:text="Hello World!"
            android:textColor="@color/white"/>
    </LinearLayout>
    <!--情况2：不使用weight,View1的layout_width="match_parent"-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="10dp">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/red"
            android:text="Hello World!"
            android:textColor="@color/white"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/blue"
            android:text="Hello World!"
            android:textColor="@color/white"/>
    </LinearLayout>
    <!--情况3：不使用weight，所有子视图的layout_width="match_parent"-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/red"
            android:text="Hello World!"
            android:textColor="@color/white"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/blue"
            android:text="Hello World!"
            android:textColor="@color/white"/>
    </LinearLayout>
    <!--情况4：不使用weight，view2的layout_width="match_parent"-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/red"
            android:text="Hello World!"
            android:textColor="@color/white"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/blue"
            android:text="Hello World!"
            android:textColor="@color/white"/>
    </LinearLayout>
</LinearLayout>

下面是运行效果：