系列文章目录



前言

线性布局就是字面意思呈垂直或者水平对view进行布局


一、垂直

就是代码块第五行将 android:orientation=“vertical”
即可设置此模块内下的view为垂直分布

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

<TextView
    android:layout_width="600dp"
    android:layout_height="200dp"
    android:background="@color/black"
    android:text="菜单1"
    android:textColor="@color/white"
    android:textSize="80sp"
    />
    <TextView
        android:layout_width="500dp"
        android:layout_height="200dp"
        android:background="#4593ec"
        android:text="菜单2"
        android:textColor="@color/white"
        android:textSize="80sp"
        />
    <TextView
        android:layout_width="400dp"
        android:layout_height="200dp"
        android:background="#7DB"
        android:text="菜单3"
        android:textColor="@color/white"
        android:textSize="80sp"
        />



</LinearLayout>

实际效果:
在这里插入图片描述

二、水平

就是代码块第五行将 android:orientation=“horizontal”
即可设置此模块内下的view为水平分布

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

<TextView
    android:layout_width="100dp"
    android:layout_height="500dp"
    android:background="@color/black"
    android:text="菜单1"
    android:textColor="@color/white"
    android:textSize="80sp"
    />
    <TextView
        android:layout_width="200dp"
        android:layout_height="500dp"
        android:background="#4593ec"
        android:text="菜单2"
        android:textColor="@color/white"
        android:textSize="80sp"
        />
    <TextView
        android:layout_width="300dp"
        android:layout_height="500dp"
        android:background="#7DB"
        android:text="菜单3"
        android:textColor="@color/white"
        android:textSize="80sp"
        />



</LinearLayout>

实际效果:
在这里插入图片描述

三、权重

权重就是如果设置 android:layout_height=“0dp”,可以对所有的view进行均分,权重大小就是比例,比如三个view权重为,2,2,1。且 android:layout_height均为"0dp",则该三个view以2:2:1的比例平分页面大小。
权重代码:android:layout_weight="2"

在这里插入代码片<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

<TextView
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="2"
    android:background="#ff1323"
    />
    <TextView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="2"
        android:background="@color/white"
        />
    <TextView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:background="#cd526879"
        />



</LinearLayout>

实际效果:
在这里插入图片描述

总结

比较简单好理解0.0

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐