內(nèi)容

ⅠLinearLayout 線性布局

ⅡRelativelyLayout 相對(duì)布局

ⅢConstrainLayout 約束布局

具體內(nèi)容

ⅠLinearLayout 線性布局

1.Margin與Padding的區(qū)別
Margin指的是控件與頁面的邊緣的間距
而Padding指的是控件內(nèi)部與空間邊緣的間距

2.邊距的具體使用
layout_marginStart
layout_marginLeft 左邊距

layout_marginRight
layout_marginEnd右邊距

layout_marginTop上邊距
layout_marginBottom下邊距

使用layout_weight權(quán)重按比例分配
3.如何更改線性布局的方向
設(shè)置Orientation
Vertical表示縱向布局
Horizontal表示橫向布局

ⅡRelativelyLayout 相對(duì)布局

1.必須能夠確定每個(gè)控件的x、y、w、h
使用相對(duì)布局時(shí)不需要使用orientation

2.所有的布局類里面都維護(hù)一個(gè)LayoutParams extends MarginLayoutParams
用于管理當(dāng)前這個(gè)布局子控件的布局
使用相對(duì)布局時(shí)不需要使用orientation

如何更改線性布局的方向
設(shè)置Orientation
Vertical表示縱向布局
Horizontal表示橫向布局

所有的布局類里面都維護(hù)一個(gè)LayoutParams extends MarginLayoutParams
用于管理當(dāng)前這個(gè)布局子控件的布局
Margin與Padding的區(qū)別
Margin指的是控件與頁面的邊緣的間距
而Padding指的是控件內(nèi)部與空間邊緣的間距

RelativelyLayout 相對(duì)布局
必須能夠確定每個(gè)控件的x、y昧捷、w撕贞、h
使用相對(duì)布局時(shí)不需要使用orientation

在MarginLayout的基礎(chǔ)上添加了對(duì)齊
當(dāng)前這個(gè)控件和id為v1的控件右邊對(duì)齊
android:layout_alignRight="@+id/v1"
android:layout_alignBottom="@+id/v1"

layout_centerHorizontal 橫向?qū)R
layout_centerInParent 在父容器中對(duì)其居中對(duì)齊

ⅢConstrainLayout 約束布局

layout_constraintDimensionRatio 設(shè)置寬高比
layout_constraintDimensionRatio="w,1:2" 寬高比
layout_constraintDimensionRatio="h,1:2" 高寬比
2.xml文件中具體代碼

    <View
    android:id="@+id/v1"
    android:background="@color/colorPrimary"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintHorizontal_bias="0.0"
    app:layout_constraintVertical_bias="1.0"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:layout_marginLeft="20dp"
    android:layout_marginTop="20dp"
    android:layout_marginRight="20dp"
    android:layout_marginBottom="20dp"
    app:layout_constraintDimensionRatio="w,1:4"
    app:layout_constraintEnd_toStartOf="@id/v2"
    app:layout_constraintHorizontal_weight="1"
    />

    <View
        android:id="@+id/v2"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:background="@color/colorPrimaryDark"
        app:layout_constraintTop_toTopOf="@id/v1"
        app:layout_constraintBottom_toBottomOf="@id/v1"
        app:layout_constraintStart_toEndOf="@id/v1"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintEnd_toStartOf="@id/v1"
        app:layout_constraintHorizontal_weight="1"
        />
<!--<View-->
    <!--android:layout_width="300dp"-->
    <!--android:layout_height="100dp"-->
    <!--android:layout_alignRight="@+id/v1"-->
    <!--android:layout_alignBottom="@+id/v1"-->
    <!--android:layout_weight="1"-->
    <!--android:background="@color/colorAccent" />-->

<!--<View-->
    <!--android:layout_width="100dp"-->
    <!--android:layout_height="100dp"-->
    <!--android:layout_weight="2"-->
    <!--android:background="@color/colorPrimaryDark" />-->