发布：2023/2/22 15:43:28作者：管理员 来源：本站 浏览次数：369

线性布局(LinearLayout)是一种比较常用且简单的布局方式。在这种布局中，所有的子元素都是按照垂直或水平的顺序排列在界面上。如果是垂直排列，每个子元素占一行，如果是水平排列，则每个子元素占一列。线性布局可以支持布局样式嵌套实现复杂的布局样式。

继承关系图

LinearLayout是ViewGroup的子类

常用属性

属性 含义

layout_height 高度，单位：dp (wrap_content, match_parent)

layout_weight 宽度，单位：dp (wrap_content, match_parent)

orietation 方向（vertical，horizontal）

gravity 对齐方式（left, right, center, top, bottom…)

background 背景（颜色[color]、图片[drawable]、选择器[selector]）

weight 比重（用于瓜分手机屏幕）

padding 内边距 (paddingLeft, paddingRight, paddingTop, paddingBottom)

margin 外边距 (marginLeft, marginRight, marginTop, marginBottom)

1、创建安卓应用

 基于Empty Activity模板创建安卓应用 - LinearLayoutDemo

单击【Finish】按钮

2、主布局资源文件

将约束布局改为线性布局，删掉默认的标签

添加两个按钮

3、字符串资源文件

打开字符串资源文件strings.xml修改主题

启动应用，查看效果

发现两个按钮水平摆放，在窗口左上角

5、设置布局属性，查看效果

（1）设置线性布局方向orientation属性

（2）设置线性布局内边距padding (paddingTop, paddingBottom, paddingLeft, paddingRight)

（3）设置线性布局对齐方式gravity (left、center、right、top、bottom可以搭配形成很多种对齐方式)设置右上对齐 - right|top

删掉【按钮1】的右外边距

设置居中对齐 - center

设置左下对齐 - left|bottom

设置上中对齐 - center

（4）设置线性布局背景

设置背景颜色（采用颜色变量）

设置背景颜色（采用颜色常量）

设置背景图片

设置背景选择器

添加一个线性布局，设置自定义边框

实现边框渐变色效果

线性布局嵌套

1、创建安卓应用

基于Empty Activity创建安卓应用 - NestedLinearLayout

2、准备图片素材

将几张小图片拷贝到res/drawable目录

3、主布局资源文件

主布局资源文件 - activity_main.xml

将约束布局改为线性布局添加三个线性布局，按照1:2:3比例垂直瓜分手机屏幕

修改布局，查看效果

在第一个布局添加三个水平摆放的图像视图

在第二个布局里添加一个横向线性布局，里面添加四个按钮

在第二个布局里添加一个编辑框

第三个布局里添加三个布局并添加按钮

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  xmlns:app="http://schemas.android.com/apk/res-auto"  xmlns:tools="http://schemas.android.com/tools"  android:layout_width="match_parent"  android:layout_height="match_parent"  android:layout_margin="20dp"  android:gravity="center"  android:orientation="vertical"  android:padding="20dp"  tools:context=".NewsActivity">


    <LinearLayout  android:layout_width="match_parent"  android:layout_height="0dp"  android:layout_weight="1"  android:background="#2196F3"  android:gravity="center"  android:orientation="horizontal">


        <ImageView  android:id="@+id/imageView4"  android:layout_width="60dp"  android:layout_height="60dp"   app:srcCompat="@drawable/t3" />

        <ImageView  android:id="@+id/imageView3"  android:layout_width="60dp"  android:layout_height="60dp"  app:srcCompat="@drawable/t2" />

        <ImageView  android:id="@+id/imageView2"  android:layout_width="60dp"  android:layout_height="60dp"  app:srcCompat="@drawable/t1" />
    </LinearLayout>

    <LinearLayout  android:layout_width="match_parent"  android:layout_height="0dp"  android:layout_weight="2"  android:background="#009688"  android:gravity="center"  android:orientation="vertical">

        <LinearLayout  android:layout_width="match_parent"  android:layout_height="wrap_content"  android:orientation="horizontal"   >

            <Button  android:id="@+id/button4"  android:layout_width="80dp"  android:layout_height="wrap_content"  android:layout_marginRight="10dp"  android:text="按钮1" />

            <Button  android:id="@+id/button5"  android:layout_width="80dp"  android:layout_height="wrap_content"  android:layout_marginRight="10dp"  android:text="按钮2" />

            <Button  android:id="@+id/button6"  android:layout_width="80dp"  android:layout_height="wrap_content"  android:layout_marginRight="10dp"  android:text="按钮3" />

            <Button  android:id="@+id/button7"  android:layout_width="80dp"  android:layout_height="wrap_content"  android:text="按钮4" />
        </LinearLayout>

        <LinearLayout  android:layout_width="match_parent"  android:layout_height="wrap_content"  android:orientation="horizontal">

            <EditText  android:id="@+id/editTextTextPersonName"  android:layout_width="match_parent"  android:layout_height="wrap_content"  android:lines="3"   android:text="第三个布局里添加三个布局并添加按钮797998795464" />
        </LinearLayout>


    </LinearLayout>

    <LinearLayout  android:layout_width="match_parent"  android:layout_height="0dp"  android:layout_weight="3"  android:background="#4CAF50"  android:orientation="horizontal">

        <LinearLayout  android:layout_width="0dp"  android:layout_height="wrap_content"  android:layout_weight="2"  android:background="#FFC107"  android:gravity="center"  android:orientation="vertical">

            <Button  android:id="@+id/button11"  android:layout_width="80dp"  android:layout_height="wrap_content"  android:layout_marginRight="10dp"  android:text="按钮1" />

            <Button  android:id="@+id/button111"  android:layout_width="80dp"  android:layout_height="wrap_content"  android:layout_marginRight="10dp"  android:text="按钮11" />
        </LinearLayout>

        <LinearLayout  android:layout_width="0dp"  android:layout_height="wrap_content"  android:layout_weight="2"  android:background="#2196F3"  android:gravity="center"  android:orientation="vertical">

            <Button  android:id="@+id/button12"  android:layout_width="80dp"  android:layout_height="wrap_content"  android:layout_marginRight="10dp"  android:text="按钮2" />

            <Button  android:id="@+id/button112"  android:layout_width="80dp"  android:layout_height="wrap_content"  android:layout_marginRight="10dp"  android:text="按钮12" />
        </LinearLayout>

        <LinearLayout  android:layout_width="0dp"  android:layout_height="wrap_content"  android:layout_weight="2"  android:background="#FF5722"  android:gravity="center"  android:orientation="vertical">

            <Button  android:id="@+id/button13"  android:layout_width="80dp"  android:layout_height="wrap_content"  android:layout_marginRight="10dp"  android:text="按钮3" />

            <Button  android:id="@+id/button113"  android:layout_width="80dp"  android:layout_height="wrap_content"  android:layout_marginRight="10dp"  android:text="按钮13" />
        </LinearLayout>


    </LinearLayout>
</LinearLayout>

运行结果