线性布局LinearLayout:对齐方式演示

最新推荐文章于 2025-04-16 17:51:00 发布

打代码的浪浪

最新推荐文章于 2025-04-16 17:51:00 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android Studio开发实战学习笔记文章标签： android studio android

本文链接：https://blog.youkuaiyun.com/weixin_43955528/article/details/117001874

Android Studio开发实战学习笔记专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种使用LinearLayout实现的水平布局方案。最外层布局背景为橙色，两个子布局背景为红色并分别设置不同的对齐方式，内含青色视图，展示了灵活的界面布局技巧。

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

layout

<!-- 最外层的布局背景为橙色，它的下级布局在水平方向上依次排列 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="300dp"
    android:background="#ffff99"
    android:orientation="horizontal"
    android:padding="5dp">

    <!-- 第一个子布局背景为红色，它与上级布局靠下对齐，它的下级视图则靠左对齐 -->
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="200dp"
        android:layout_weight="1"
        android:layout_gravity="bottom"
        android:gravity="left"
        android:background="#ff0000"
        android:layout_margin="10dp"
        android:padding="10dp"
        android:orientation="vertical">

        <!-- 内层视图的宽度和高度都是100dp，且背景色为青色 -->
        <View
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="#00ffff" />
    </LinearLayout>

    <!-- 第二个子布局背景为红色，它与上级布局靠上对齐，它的下级视图则靠右对齐 -->
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="200dp"
        android:layout_weight="1"
        android:layout_gravity="top"
        android:gravity="right"
        android:background="#ff0000"
        android:layout_margin="10dp"
        android:padding="10dp"
        android:orientation="vertical">

        <!-- 内层视图的宽度和高度都是100dp，且背景色为青色 -->
        <View
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="#00ffff" />
    </LinearLayout>
</LinearLayout>

result