安卓UI四大布局

最新推荐文章于 2023-12-01 15:13:33 发布

greedy-hat

最新推荐文章于 2023-12-01 15:13:33 发布

阅读量440

点赞数

本文链接：https://blog.csdn.net/qq_41638851/article/details/104777517

版权

安卓开发专栏收录该内容

30 篇文章 3 订阅

订阅专栏

文章目录

线性布局(LinearLayout)

在这里插入图片描述

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

    <TextView
        android:layout_weight="1"              //权重
        android:layout_width="wrap_content"   //大小刚好足够显示当前控件里的内容
        android:layout_height="match_parent" //强制性让它布满整个屏幕或填满父控件的空白
        android:text="one"
        android:background="#98FB98"
        />
    <TextView
        android:layout_weight="2"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:text="two"
        android:background="#FFFF00"
        />
    <TextView
        android:layout_weight="3"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:text="three"
        android:background="#FF00FF"
        />
</LinearLayout>

在这里插入图片描述

相对布局(RelativeLayout)

在这里插入图片描述

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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">

    <Button
        android:id="@+id/center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="center" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@id/center"
        android:layout_centerVertical="true"
        android:text="left"
        android:layout_toStartOf="@id/center">

    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/center"
        android:layout_centerVertical="true"
        android:text="right"
        android:layout_toEndOf="@id/center">
    </Button>


    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@id/center"
        android:layout_centerHorizontal="true"
        android:text="above">
    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/center"
        android:layout_centerHorizontal="true"
        android:text="below"/>
</RelativeLayout>

在这里插入图片描述

表格布局(TableLayout)

在这里插入图片描述

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

    <TableRow>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="姓名："/>
        <EditText
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:minWidth="150dp"/>
        <TextView/>
    </TableRow>
    <TableRow>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="性别："/>
        <EditText
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:minWidth="150dp"/>
        <TextView/>
    </TableRow>
</TableLayout>

在这里插入图片描述

网格布局(GirdLayout)

在这里插入图片描述

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:columnCount="5"
    android:rowCount="3">
    <Button
        android:text="MC"/>
    <Button
        android:text="MR"/>
    <Button
        android:text="MS"/>
    <Button
        android:text="M+"/>

    <Button
        android:layout_width="53dp"
        android:text="M-" />
    <Button
        android:text="1"/>
    <Button
        android:text="2"/>
    <Button
        android:text="3"/>
    <Button
        android:text="-"/>

    <Button
        android:layout_width="55dp"
        android:layout_rowSpan="2"
        android:layout_gravity="fill"
        android:text="=" />
    <Button
        android:layout_columnSpan="2"
        android:layout_gravity="fill"
        android:text="0"/>
    <Button
        android:text="."/>
    <Button
        android:text="+"/>
</GridLayout>