Android Studio学习（十）-布局

一.LinearLayout

<?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"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"//子插件竖向排列
    android:gravity="center_vertical|right"
    android:divider="@drawable/ic_baseline_accessibility_24"//分割线
    android:showDividers="middle"
    android:dividerPadding="100dp"

    >

    <LinearLayout
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_gravity="center"
        android:layout_weight="2"//按比分配剩余控件
        android:background="#ff0000"
        />
    <View//分割线，常用
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/btn_color_selector"
    <LinearLayout
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_gravity="left"
        android:background="#00ff00"
        />
    <LinearLayout
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#0000ff"
        />
</LinearLayout>

二.RelativeLayout

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:padding="100dp"
    xmlns:android="http://schemas.android.com/apk/res/android">
    
    <RelativeLayout
        android:layout_width="100dp"
        android:layout_centerInParent="true"
        android:id="@+id/rl1"
        android:layout_height="100dp"
        android:background="#00ff00"
        />
    
    <RelativeLayout
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_toLeftOf="@+id/rl1"
        android:background="#ff0000"
        />

    <RelativeLayout
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_marginLeft="100dp"
        android:background="#0000ff"
        />
    
    
</RelativeLayout>

三.FrameLayout

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">
    
    <FrameLayout
        android:layout_width="400dp"
        android:layout_height="400dp"
        android:background="@color/red"
        
        />
    <FrameLayout
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:background="#00ff00"
        android:foreground="@drawable/test1"
        android:foregroundGravity="center"
        />
    <FrameLayout
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="#0000ff"
        />
    
</FrameLayout>

四.TableLayout

需要和TableRow一起使用

<?xml version="1.0" encoding="utf-8"?>
<TableLayout android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:collapseColumns="0"//第一个插件隐藏
    android:stretchColumns="1"//第二个插件放大
    android:shrinkColumns="2"//第三个插件缩小
    xmlns:android="http://schemas.android.com/apk/res/android">
    
    <TableRow>

        <androidx.appcompat.widget.AppCompatButton

            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="第一个"

            />
        <androidx.appcompat.widget.AppCompatButton

            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="第二个"

            />
        <androidx.appcompat.widget.AppCompatButton

            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="2"//占两列
            android:layout_span="2"//占两行
            android:text="第三个"

            />
        <androidx.appcompat.widget.AppCompatButton

            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="第四个"

            />
        <androidx.appcompat.widget.AppCompatButton

            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="第五个"

            />
    </TableRow>
    
    <androidx.appcompat.widget.AppCompatButton
        
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="第一个"

    />
    <androidx.appcompat.widget.AppCompatButton

        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="第一个"

        />
</TableLayout>

五.GridLayout

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

    <androidx.appcompat.widget.AppCompatButton
        android:text="第一个"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_column="0"
        android:layout_row="1"
        android:layout_rowWeight="4"
        />
    <androidx.appcompat.widget.AppCompatButton
        android:text="第二个"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="0"
        android:layout_column="1"
        />
    <androidx.appcompat.widget.AppCompatButton
        android:text="第三个"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="fill"
        />
    <androidx.appcompat.widget.AppCompatButton
        android:text="第四个"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
    <androidx.appcompat.widget.AppCompatButton
        android:text="第五个"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

</GridLayout>

六.ConstraintLayout约束布局

使用图标拖拽