ConstraintLayout使用實(shí)戰(zhàn)

實(shí)戰(zhàn)演示效果

性能優(yōu)勢(shì):

Android系統(tǒng)在繪制控件的時(shí)候，會(huì)經(jīng)過測(cè)量鹤啡，布局肌稻，繪制三個(gè)過程清蚀，每個(gè)過程都會(huì)自頂向下遍歷視圖樹。所以布局嵌套層次越深爹谭，設(shè)備繪制視圖所需的時(shí)間和計(jì)算功耗也就越多枷邪。 ConstraintLayout 容器就是用來構(gòu)建復(fù)雜布局的，而不必嵌套 View 和 ViewGroup 元素诺凡，實(shí)現(xiàn)完全扁平的層次結(jié)構(gòu)东揣。

自頂向下繪制過程圖

使用介紹：

相對(duì)定位

layout_constraintLeft_toLeftOf
layout_constraintLeft_toRightOf
layout_constraintRight_toLeftOf
layout_constraintRight_toRightOf
layout_constraintTop_toTopOf
layout_constraintTop_toBottomOf
layout_constraintBottom_toTopOf
layout_constraintBottom_toBottomOf
layout_constraintBaseline_toBaselineOf
layout_constraintStart_toEndOf
layout_constraintStart_toStartOf
layout_constraintEnd_toStartOf
layout_constraintEnd_toEndOf

效果類似于RelativeLayout的相對(duì)定位使用效果，以上屬性需要另一個(gè)控件的id或parent作為參考腹泌。

其中嘶卧，很多布局控件都有 start 及 end 相關(guān)的參數(shù)，使用起來好像跟 left 和 right 沒什么區(qū)別凉袱，實(shí)際上芥吟，控件方向一般來說都是從左到右，但也有部分中東國(guó)家的習(xí)慣是從右到左专甩，當(dāng)控件方向是從左到右時(shí)钟鸵，start 等于 left，end 等于 right涤躲；控件方向從右至左時(shí)棺耍，start 等于 right，end 等于 left种樱，用start烈掠、end就兼容了左右方向了。

Guideline

Guideline是只能用在ConstraintLayout布局里面的一個(gè)工具類缸托，用于輔助布局左敌，類似為輔助線，主要作用是將該頁面的控件統(tǒng)一設(shè)置左側(cè)對(duì)齊或右側(cè)對(duì)齊俐镐。Guideline是不會(huì)顯示到界面上的矫限，默認(rèn)是GONE的。

layout_constraintGuide_begin
layout_constraintGuide_end
layout_constraintGuide_percent

居中定位

layout_constraintLeft_toLeftOf
layout_constraintRight_toRightOf

同時(shí)設(shè)置同一控件id即可與該控件居中對(duì)齊佩抹。

偏壓

layout_constraintHorizontal_bias
layout_constraintVertical_bias

在居中對(duì)齊的基礎(chǔ)上叼风，設(shè)置居于垂直或水品位置的比例。

圓形定位

layout_constraintCircle ：依賴哪個(gè)控件進(jìn)行布局
layout_constraintCircleRadius ：到依賴對(duì)象中心的距離
layout_constraintCircleAngle ：當(dāng)前要擺放的控件應(yīng)處于哪個(gè)角度

尺寸限制

android:minWidth 設(shè)置布局的最小寬度
android:minHeight 設(shè)置布局的最小高度
android:maxWidth 設(shè)置布局的最大寬度
android:maxHeight 設(shè)置布局的最大高度

要設(shè)置尺寸限制棍苹，需要在寬高都設(shè)為wrap_content才能生效无宿。

Ratio比例

layout_constraintDimensionRatio
可設(shè)定該控件通過寬高比或者高寬比來限定控件的比例。

Chains鏈

設(shè)置一條線上布局的對(duì)齊屬性枢里。

Group

Group 用于控制所引用的一組控件的可見性孽鸡。用如下屬性來設(shè)置多個(gè)控件id蹂午，通過對(duì)自己的可見性改變統(tǒng)一改變這些控件的可見性。

constraint_referenced_ids

Placeholder

通過設(shè)置app:content=“id”彬碱，將id View的內(nèi)容繪制到自己的位置上豆胸，而原id的 View就像gone了一樣。

這里是代碼地址

布局文件代碼：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    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"
    android:background="@color/white"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context=".MineActivity">

    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true">

        <androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <androidx.constraintlayout.widget.Guideline
                android:id="@+id/guideline_left"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                app:layout_constraintGuide_begin="15dp"/>

            <androidx.constraintlayout.widget.Guideline
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                app:layout_constraintGuide_begin="27dp"/>

            <androidx.constraintlayout.widget.Guideline
                android:id="@+id/guideline_right"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                app:layout_constraintGuide_end="15dp"/>

            <View
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:background="@color/orange2"
                app:layout_constraintDimensionRatio="100:35"
                app:layout_constraintTop_toTopOf="parent" />

            <ImageView
                android:id="@+id/iv_scan"
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:src="@mipmap/scan"
                android:padding="14dp"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintTop_toTopOf="parent"/>

            <ImageView
                android:id="@+id/iv_edit"
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:src="@mipmap/edit"
                android:padding="14dp"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toTopOf="parent"/>

            <androidx.constraintlayout.widget.ConstraintLayout
                android:id="@+id/login_box"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:paddingLeft="12dp"
                android:paddingRight="12dp"
                android:paddingTop="12dp"
                android:paddingBottom="20dp"
                android:elevation="2dp"
                android:background="@drawable/shape_round_white"
                app:layout_constraintTop_toBottomOf="@id/iv_edit"
                android:layout_margin="15dp">

                <ImageView
                    android:id="@+id/iv_head"
                    android:layout_width="60dp"
                    android:layout_height="60dp"
                    android:layout_marginTop="13dp"
                    android:background="@mipmap/default_head"
                    app:layout_constraintTop_toTopOf="parent"
                    app:layout_constraintLeft_toLeftOf="parent" />

                <TextView
                    android:id="@+id/tv_login"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="點(diǎn)擊登錄"
                    android:textSize="18sp"
                    android:textColor="@color/black"
                    app:layout_constraintLeft_toRightOf="@id/iv_head"
                    app:layout_constraintTop_toTopOf="@id/iv_head"
                    android:layout_marginLeft="10dp"
                    android:layout_marginTop="5dp"/>

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="成就你的寫作夢(mèng)想"
                    android:maxWidth="200dp"
                    android:textSize="12sp"
                    app:layout_constraintBottom_toBottomOf="@id/iv_head"
                    app:layout_constraintLeft_toLeftOf="@id/tv_login"
                    android:layout_marginBottom="5dp"/>

                <ImageView
                    android:id="@+id/iv_gift"
                    android:layout_width="35dp"
                    android:layout_height="35dp"
                    android:background="@mipmap/gift"
                    app:layout_constraintVertical_bias="0.12"
                    app:layout_constraintTop_toTopOf="parent"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintRight_toRightOf="parent"
                    android:layout_marginRight="8dp"/>

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="免費(fèi)領(lǐng)"
                    android:textSize="8sp"
                    android:paddingLeft="8dp"
                    android:paddingRight="8dp"
                    android:paddingTop="1dp"
                    android:paddingBottom="1dp"
                    app:layout_constraintLeft_toLeftOf="@id/iv_gift"
                    app:layout_constraintRight_toRightOf="@id/iv_gift"
                    app:layout_constraintTop_toBottomOf="@id/iv_gift"
                    android:background="@drawable/shape_roung_perple"
                    android:textColor="@color/white"/>

                <View
                    android:id="@+id/view_line"
                    android:layout_width="match_parent"
                    android:layout_height="1dp"
                    android:background="@color/light_gray"
                    app:layout_constraintTop_toBottomOf="@id/iv_head"
                    android:layout_marginTop="10dp"
                    android:layout_marginBottom="10dp"/>

                <ImageView
                    android:id="@+id/iv_ic1"
                    android:layout_width="30dp"
                    android:layout_height="30dp"
                    android:background="@mipmap/pic1"
                    android:layout_marginTop="14dp"
                    android:layout_marginLeft="20dp"
                    app:layout_constraintHorizontal_chainStyle="spread_inside"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintRight_toLeftOf="@id/iv_ic2"
                    app:layout_constraintTop_toTopOf="@id/view_line"/>

                <TextView
                    android:id="@+id/tv_my_artical"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="我的文章"
                    android:textColor="@color/black"
                    android:layout_marginTop="12dp"
                    app:layout_constraintTop_toBottomOf="@id/iv_ic1"
                    app:layout_constraintLeft_toLeftOf="@id/iv_ic1"
                    app:layout_constraintRight_toRightOf="@id/iv_ic1"/>

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="0篇私密"
                    android:layout_marginTop="5dp"
                    android:textSize="11sp"
                    app:layout_constraintTop_toBottomOf="@id/tv_my_artical"
                    app:layout_constraintLeft_toLeftOf="@id/iv_ic1"
                    app:layout_constraintRight_toRightOf="@id/iv_ic1"/>

                <ImageView
                    android:id="@+id/iv_ic2"
                    android:layout_width="30dp"
                    android:layout_height="30dp"
                    android:background="@mipmap/pic2"
                    android:layout_marginTop="14dp"
                    app:layout_constraintLeft_toRightOf="@id/iv_ic1"
                    app:layout_constraintRight_toLeftOf="@id/iv_ic3"
                    app:layout_constraintTop_toTopOf="@id/view_line"/>

                <TextView
                    android:id="@+id/tv_my_sticker"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="我的帖子"
                    android:layout_marginTop="12dp"
                    android:textColor="@color/black"
                    app:layout_constraintTop_toBottomOf="@id/iv_ic2"
                    app:layout_constraintLeft_toLeftOf="@id/iv_ic2"
                    app:layout_constraintRight_toRightOf="@id/iv_ic2"/>

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="0個(gè)帖子"
                    android:layout_marginTop="5dp"
                    android:textSize="11sp"
                    app:layout_constraintTop_toBottomOf="@id/tv_my_sticker"
                    app:layout_constraintLeft_toLeftOf="@id/iv_ic2"
                    app:layout_constraintRight_toRightOf="@id/iv_ic2"/>

                <ImageView
                    android:id="@+id/iv_ic3"
                    android:layout_width="30dp"
                    android:layout_height="30dp"
                    android:background="@mipmap/pic3"
                    android:layout_marginTop="14dp"
                    app:layout_constraintLeft_toRightOf="@id/iv_ic2"
                    app:layout_constraintRight_toLeftOf="@id/iv_ic4"
                    app:layout_constraintTop_toTopOf="@id/view_line"/>

                <TextView
                    android:id="@+id/tv_like"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="贊和收藏"
                    android:layout_marginTop="12dp"
                    android:textColor="@color/black"
                    app:layout_constraintTop_toBottomOf="@id/iv_ic3"
                    app:layout_constraintLeft_toLeftOf="@id/iv_ic3"
                    app:layout_constraintRight_toRightOf="@id/iv_ic3"/>

                <ImageView
                    android:id="@+id/iv_ic4"
                    android:layout_width="30dp"
                    android:layout_height="30dp"
                    android:background="@mipmap/pic4"
                    android:layout_marginTop="14dp"
                    android:layout_marginRight="20dp"
                    app:layout_constraintLeft_toRightOf="@id/iv_ic3"
                    app:layout_constraintRight_toRightOf="parent"
                    app:layout_constraintTop_toTopOf="@id/view_line"/>

                <TextView
                    android:id="@+id/tv_my_book"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="贊和收藏"
                    android:layout_marginTop="12dp"
                    android:textColor="@color/black"
                    app:layout_constraintTop_toBottomOf="@id/iv_ic4"
                    app:layout_constraintLeft_toLeftOf="@id/iv_ic4"
                    app:layout_constraintRight_toRightOf="@id/iv_ic4"/>

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="含已購內(nèi)容"
                    android:layout_marginTop="5dp"
                    android:textSize="11sp"
                    app:layout_constraintTop_toBottomOf="@id/tv_my_book"
                    app:layout_constraintLeft_toLeftOf="@id/iv_ic4"
                    app:layout_constraintRight_toRightOf="@id/iv_ic4"/>
            </androidx.constraintlayout.widget.ConstraintLayout>

            <androidx.constraintlayout.widget.ConstraintLayout
                android:id="@+id/menu"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/shape_round_white"
                app:layout_constraintTop_toBottomOf="@id/login_box"
                android:layout_margin="15dp"
                android:elevation="2dp"
                android:padding="12dp">

                <androidx.constraintlayout.widget.Group
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    app:constraint_referenced_ids="tv_assets,tv_check,view_line2"/>

                <TextView
                    android:id="@+id/tv_assets"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="總資產(chǎn)：0"
                    android:textColor="@color/black"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintTop_toTopOf="parent"/>

                <TextView
                    android:id="@+id/tv_check"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="查看"
                    android:textSize="12sp"
                    android:gravity="center_vertical"
                    android:drawableRight="@mipmap/arrow_right"
                    app:layout_constraintRight_toRightOf="parent"
                    app:layout_constraintTop_toTopOf="parent"
                    android:drawablePadding="8dp"/>

                <View
                    android:id="@+id/view_line2"
                    android:layout_width="match_parent"
                    android:layout_height="1dp"
                    android:background="@color/light_gray"
                    app:layout_constraintTop_toBottomOf="@id/tv_assets"
                    android:layout_marginTop="10dp"
                    android:layout_marginBottom="10dp"/>

                <ImageView
                    android:id="@+id/iv_dimends"
                    android:layout_width="30dp"
                    android:layout_height="30dp"
                    android:background="@mipmap/dimends"
                    app:layout_constraintTop_toTopOf="@id/view_line2"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintRight_toLeftOf="@id/iv_vip"
                    android:layout_marginLeft="15dp"
                    app:layout_constraintHorizontal_chainStyle="spread_inside"
                    android:layout_marginTop="15dp"/>

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="@color/black"
                    android:text="簡(jiǎn)書鉆"
                    app:layout_constraintLeft_toLeftOf="@id/iv_dimends"
                    app:layout_constraintRight_toRightOf="@id/iv_dimends"
                    app:layout_constraintTop_toBottomOf="@id/iv_dimends"
                    android:layout_marginTop="8dp"/>

                <ImageView
                    android:id="@+id/iv_vip"
                    android:layout_width="30dp"
                    android:layout_height="30dp"
                    android:background="@mipmap/vip"
                    app:layout_constraintTop_toTopOf="@id/view_line2"
                    app:layout_constraintLeft_toRightOf="@id/iv_dimends"
                    app:layout_constraintRight_toLeftOf="@id/iv_prize"
                    android:layout_marginTop="15dp"/>

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="@color/black"
                    android:text="簡(jiǎn)書會(huì)員"
                    app:layout_constraintLeft_toLeftOf="@id/iv_vip"
                    app:layout_constraintRight_toRightOf="@id/iv_vip"
                    app:layout_constraintTop_toBottomOf="@id/iv_vip"
                    android:layout_marginTop="8dp"/>

                <ImageView
                    android:id="@+id/iv_prize"
                    android:layout_width="30dp"
                    android:layout_height="30dp"
                    android:background="@mipmap/prize"
                    app:layout_constraintTop_toTopOf="@id/view_line2"
                    app:layout_constraintLeft_toRightOf="@id/iv_vip"
                    app:layout_constraintRight_toLeftOf="@id/iv_rank"
                    android:layout_marginTop="15dp"/>

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="@color/black"
                    android:text="天天抽獎(jiǎng)"
                    app:layout_constraintLeft_toLeftOf="@id/iv_prize"
                    app:layout_constraintRight_toRightOf="@id/iv_prize"
                    app:layout_constraintTop_toBottomOf="@id/iv_prize"
                    android:layout_marginTop="8dp"/>

                <ImageView
                    android:id="@+id/iv_rank"
                    android:layout_width="30dp"
                    android:layout_height="30dp"
                    android:background="@mipmap/rank"
                    app:layout_constraintTop_toTopOf="@id/view_line2"
                    app:layout_constraintLeft_toRightOf="@id/iv_prize"
                    app:layout_constraintRight_toRightOf="parent"
                    android:layout_marginRight="15dp"
                    android:layout_marginTop="15dp"/>

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="@color/black"
                    android:text="排行榜"
                    app:layout_constraintLeft_toLeftOf="@id/iv_rank"
                    app:layout_constraintRight_toRightOf="@id/iv_rank"
                    app:layout_constraintTop_toBottomOf="@id/iv_rank"
                    android:layout_marginTop="8dp"/>
            </androidx.constraintlayout.widget.ConstraintLayout>

            <View
                android:id="@+id/view_topline"
                android:layout_width="match_parent"
                android:layout_height="1dp"
                app:layout_constraintTop_toBottomOf="@id/menu"
                android:layout_marginTop="10dp"/>

            <View
                android:id="@+id/view_line3"
                android:layout_width="match_parent"
                android:layout_height="1dp"
                app:layout_constraintTop_toBottomOf="@id/view_topline"
                android:layout_marginTop="48dp"/>

            <View
                android:id="@+id/view_line4"
                android:layout_width="match_parent"
                android:layout_height="1dp"
                app:layout_constraintTop_toBottomOf="@id/view_line3"
                android:layout_marginTop="48dp"/>

            <View
                android:id="@+id/view_line5"
                android:layout_width="match_parent"
                android:layout_height="1dp"
                app:layout_constraintTop_toBottomOf="@id/view_line4"
                android:layout_marginTop="48dp"/>

            <View
                android:id="@+id/view_line6"
                android:layout_width="match_parent"
                android:layout_height="1dp"
                app:layout_constraintTop_toBottomOf="@id/view_line5"
                android:layout_marginTop="48dp"/>

            <View
                android:id="@+id/view_line7"
                android:layout_width="match_parent"
                android:layout_height="1dp"
                app:layout_constraintTop_toBottomOf="@id/view_line6"
                android:layout_marginTop="48dp"/>

            <View
                android:id="@+id/view_line8"
                android:layout_width="match_parent"
                android:layout_height="1dp"
                app:layout_constraintTop_toBottomOf="@id/view_line7"
                android:layout_marginTop="48dp"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="我的錢包"
                android:textSize="15sp"
                android:textColor="@color/black"
                app:layout_constraintTop_toTopOf="@id/view_topline"
                app:layout_constraintBottom_toBottomOf="@id/view_line3"
                app:layout_constraintLeft_toLeftOf="@id/guideline_left"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="我的優(yōu)惠券"
                app:layout_constraintTop_toTopOf="@id/view_topline"
                app:layout_constraintBottom_toBottomOf="@id/view_line3"
                app:layout_constraintRight_toRightOf="@id/guideline_right"
                android:drawableRight="@mipmap/arrow_right"
                android:drawablePadding="10dp"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="簡(jiǎn)書活動(dòng)"
                android:textSize="15sp"
                android:textColor="@color/black"
                app:layout_constraintTop_toTopOf="@id/view_line3"
                app:layout_constraintBottom_toBottomOf="@id/view_line4"
                app:layout_constraintLeft_toLeftOf="@id/guideline_left"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                app:layout_constraintTop_toTopOf="@id/view_line3"
                app:layout_constraintBottom_toBottomOf="@id/view_line4"
                app:layout_constraintRight_toRightOf="@id/guideline_right"
                android:drawableRight="@mipmap/arrow_right"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="我的小島/專題/文集"
                android:textSize="15sp"
                android:textColor="@color/black"
                app:layout_constraintTop_toTopOf="@id/view_line4"
                app:layout_constraintBottom_toBottomOf="@id/view_line5"
                app:layout_constraintLeft_toLeftOf="@id/guideline_left"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                app:layout_constraintTop_toTopOf="@id/view_line4"
                app:layout_constraintBottom_toBottomOf="@id/view_line5"
                app:layout_constraintRight_toRightOf="@id/guideline_right"
                android:drawableRight="@mipmap/arrow_right"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="瀏覽歷史"
                android:textSize="15sp"
                android:textColor="@color/black"
                app:layout_constraintTop_toTopOf="@id/view_line5"
                app:layout_constraintBottom_toBottomOf="@id/view_line6"
                app:layout_constraintLeft_toLeftOf="@id/guideline_left"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                app:layout_constraintTop_toTopOf="@id/view_line5"
                app:layout_constraintBottom_toBottomOf="@id/view_line6"
                app:layout_constraintRight_toRightOf="@id/guideline_right"
                android:drawableRight="@mipmap/arrow_right"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="意見反饋"
                android:textSize="15sp"
                android:textColor="@color/black"
                app:layout_constraintTop_toTopOf="@id/view_line6"
                app:layout_constraintBottom_toBottomOf="@id/view_line7"
                app:layout_constraintLeft_toLeftOf="@id/guideline_left"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                app:layout_constraintTop_toTopOf="@id/view_line6"
                app:layout_constraintBottom_toBottomOf="@id/view_line7"
                app:layout_constraintRight_toRightOf="@id/guideline_right"
                android:drawableRight="@mipmap/arrow_right"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="設(shè)置"
                android:textSize="15sp"
                android:textColor="@color/black"
                app:layout_constraintTop_toTopOf="@id/view_line7"
                app:layout_constraintBottom_toBottomOf="@id/view_line8"
                app:layout_constraintLeft_toLeftOf="@id/guideline_left"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                app:layout_constraintTop_toTopOf="@id/view_line7"
                app:layout_constraintBottom_toBottomOf="@id/view_line8"
                app:layout_constraintRight_toRightOf="@id/guideline_right"
                android:drawableRight="@mipmap/arrow_right"/>


        </androidx.constraintlayout.widget.ConstraintLayout>

    </androidx.core.widget.NestedScrollView>

</androidx.constraintlayout.widget.ConstraintLayout>

最后編輯于：2022.03.11 10:49:29

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

人面猴
序言：七十年代末巷疼，一起剝皮案震驚了整個(gè)濱河市晚胡，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌嚼沿，老刑警劉巖估盘，帶你破解...
沈念sama閱讀 212,080評(píng)論 6贊 493
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場(chǎng)離奇詭異骡尽，居然都是意外死亡遣妥，警方通過查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 90,422評(píng)論 3贊 385
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門爆阶，熙熙樓的掌柜王于貴愁眉苦臉地迎上來燥透，“玉大人沙咏，你說我怎么就攤上這事辨图。” “怎么了肢藐？”我有些...
開封第一講書人閱讀 157,630評(píng)論 0贊 348
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵故河，是天一觀的道長(zhǎng)。經(jīng)常有香客問我吆豹，道長(zhǎng)鱼的，這世上最難降的妖魔是什么？我笑而不...
開封第一講書人閱讀 56,554評(píng)論 1贊 284
?港島之戀（遺憾婚禮）
正文為了忘掉前任痘煤，我火速辦了婚禮凑阶，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘衷快。我一直安慰自己宙橱，他們只是感情好，可當(dāng)我...
茶點(diǎn)故事閱讀 65,662評(píng)論 6贊 386
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布蘸拔。她就那樣靜靜地躺著师郑，像睡著了一般。火紅的嫁衣襯著肌膚如雪调窍。梳的紋絲不亂的頭發(fā)上宝冕，一...
開封第一講書人閱讀 49,856評(píng)論 1贊 290
城市分裂傳說
那天，我揣著相機(jī)與錄音邓萨，去河邊找鬼地梨。笑死菊卷，一個(gè)胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的湿刽。我是一名探鬼主播的烁，決...
沈念sama閱讀 39,014評(píng)論 3贊 408
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼，長(zhǎng)吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼诈闺！你這毒婦竟也來了渴庆？” 一聲冷哼從身側(cè)響起，我...
開封第一講書人閱讀 37,752評(píng)論 0贊 268
萬榮殺人案實(shí)錄
序言：老撾萬榮一對(duì)情侶失蹤雅镊，失蹤者是張志新（化名）和其女友劉穎襟雷，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體仁烹，經(jīng)...
沈念sama閱讀 44,212評(píng)論 1贊 303
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡耸弄，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 36,541評(píng)論 2贊 327
?白月光啟示錄
正文我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了卓缰。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片计呈。...
茶點(diǎn)故事閱讀 38,687評(píng)論 1贊 341
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡，死狀恐怖征唬，靈堂內(nèi)的尸體忽然破棺而出捌显，到底是詐尸還是另有隱情，我是刑警寧澤总寒，帶...
沈念sama閱讀 34,347評(píng)論 4贊 331
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布扶歪，位于F島的核電站，受9級(jí)特大地震影響摄闸，放射性物質(zhì)發(fā)生泄漏善镰。R本人自食惡果不足惜，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 39,973評(píng)論 3贊 315
男人毒藥：我在死后第九天來索命
文/蒙蒙一年枕、第九天我趴在偏房一處隱蔽的房頂上張望炫欺。院中可真熱鬧，春花似錦熏兄、人聲如沸品洛。這莊子的主人今日做“春日...
開封第一講書人閱讀 30,777評(píng)論 0贊 21
一樁弒父案霍弹，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽毫别。三九已至，卻和暖如春典格，著一層夾襖步出監(jiān)牢的瞬間岛宦，已是汗流浹背。一陣腳步聲響...
開封第一講書人閱讀 32,006評(píng)論 1贊 266
情欲美人皮
我被黑心中介騙來泰國(guó)打工耍缴，沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留砾肺，地道東北人挽霉。一個(gè)月前我還...
沈念sama閱讀 46,406評(píng)論 2贊 360
代替公主和親
正文我出身青樓，卻偏偏與公主長(zhǎng)得像变汪，于是被迫代替她去往敵國(guó)和親侠坎。傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 43,576評(píng)論 2贊 349

ConstraintLayout使用實(shí)戰(zhàn)

實(shí)戰(zhàn)演示效果

性能優(yōu)勢(shì):

使用介紹：

相對(duì)定位

Guideline

居中定位

偏壓

圓形定位

尺寸限制

Ratio比例

Chains鏈

Group

Placeholder

布局文件代碼：