Android常用布局之LinearLayout(线性布局)

LinearLayout(线性布局)

特点:

 主要以水平或垂直方式来排列界面中的控件。并将控件排列到一条直线上。在线性布局中,如果水平排列,垂直方向上只能放一个控件,如果垂直排列,水平方向上也只能放一个控件。

排列方式只有水平排列和垂直排列两种

通过android:orientation来控制它的排列方式

horizontal  水平排列
vertical 垂直排列

(当没有进行设置得时候,默认为水平排列)

在线性布局中还有一个重要得属性android:layout_weight。该属性被称为权重,通过设置该属性值,可使布局内的控件按照权重比显示大小,在进行屏幕适配时起到关键作用。

在XML布局文件中定义得基本语法格式是:

<LinearLayout xmls:android="http: //schemas,android.com/apk/res/android">
	
</LinearLayout >

实例

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:layout_height="match_parent">
    <!--整体布局为水平布局-->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:text="线性布局"
        android:textSize="50dp"
        android:gravity="center"/>

    <!--    模块一布局为水平布局,并且设置权重-->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:text="水平布局"
        android:textSize="20dp"
        android:gravity="center"/>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="300px"
        android:orientation="horizontal"
        android:layout_gravity="center_vertical|center_horizontal">
        <Button
            android:layout_width="200px"
            android:layout_height="300px"
            android:layout_weight="1"
            android:text="按钮1"
            android:textSize="20dp"
            android:background="@color/purple_200"></Button>
        <Button
            android:layout_width="200px"
            android:layout_height="300px"
            android:layout_weight="2"
            android:text="按钮2"
            android:textSize="20dp"
            android:background="@color/teal_700"></Button>
        <Button
            android:layout_width="200px"
            android:layout_height="300px"
            android:layout_weight="1"
            android:text="按钮3"
            android:textSize="20dp"
            android:background="@color/teal_200"></Button>
    </LinearLayout>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:text="垂直布局"
        android:textSize="20dp"
        android:gravity="center"/>
    <!--    模块二布局为垂直布局,并且设置权重-->
    <LinearLayout
        android:layout_width="300px"
        android:layout_height="1000px"
        android:orientation="vertical"
        android:layout_gravity="center_vertical|center_horizontal">
        <Button
            android:layout_width="300px"
            android:layout_height="250px"
            android:text="按钮1"
            android:textSize="20dp"
            android:background="@color/purple_200"></Button>
        <Button
            android:layout_width="300px"
            android:layout_height="250px"
            android:text="按钮2"
            android:textSize="20dp"
            android:background="@color/teal_700"></Button>
        <Button
            android:layout_width="300px"
            android:layout_height="250px"
            android:text="按钮3"
            android:textSize="20dp"
            android:background="@color/teal_200"></Button>
        <Button
            android:layout_width="300px"
            android:layout_height="250px"
            android:text="按钮4"
            android:textSize="20dp"
            android:background="@color/white"></Button>
    </LinearLayout>


</LinearLayout>

运行效果:

猜你喜欢

转载自blog.csdn.net/qq_62277763/article/details/128491832