約束布局ConstraintLayout的屬性及使用

1.介紹

約束布局ConstraintLayout 是一個(gè)ViewGroup敬扛，可以在A(yíng)pi9以上的Android系統(tǒng)使用它序无，它的出現(xiàn)主要是為了解決布局嵌套過(guò)多的問(wèn)題熏挎，以靈活的方式定位和調(diào)整小部件吴侦。從 Android Studio 2.3 起演熟，官方的模板默認(rèn)使用 ConstraintLayout顾稀。

ConstraintLayout 官方文檔

2.為什么要用ConstraintLayout

在開(kāi)發(fā)過(guò)程中經(jīng)常能遇到一些復(fù)雜的UI镶骗，可能會(huì)出現(xiàn)布局嵌套過(guò)多的問(wèn)題包竹，嵌套得越多修噪，設(shè)備繪制視圖所需的時(shí)間和計(jì)算功耗也就越多查库。簡(jiǎn)單舉個(gè)例子：

image

假設(shè)現(xiàn)在要寫(xiě)一個(gè)這樣的布局，可能有人會(huì)這么寫(xiě)：
首先是一個(gè)垂直的LinearLayout黄琼，里面放兩個(gè)水平的LinearLayout樊销，然后在水平的LinearLayout里面放TextView。這樣的寫(xiě)法就嵌套了兩層LinearLayout脏款。

image

有些人考慮到了嵌套布局帶來(lái)的風(fēng)險(xiǎn)围苫，所以用一個(gè)RelativeLayout來(lái)裝下所有的控件。那么問(wèn)題來(lái)了撤师，既然用RelativeLayout可以解決問(wèn)題剂府，為什么還要使用ConstraintLayout呢？因?yàn)镃onstraintLayout使用起來(lái)比RelativeLayout更靈活剃盾，性能更出色腺占！還有一點(diǎn)就是ConstraintLayout可以按照比例約束控件位置和尺寸，能夠更好地適配屏幕大小不同的機(jī)型痒谴。

3.如何使用ConstraintLayout

3.1 添加依賴(lài)

首先我們需要在app/build.gradle文件中添加ConstraintLayout的依賴(lài)衰伯，如下所示。

 implementation 'com.android.support.constraint:constraint-layout:1.1.3'

3.2 相對(duì)定位

相對(duì)定位是部件對(duì)于另一個(gè)位置的約束积蔚，這么說(shuō)可能有點(diǎn)抽象意鲸，舉個(gè)例子：

image

如圖所示，TextView2在TextView1的右邊库倘，TextView3在TextView1的下面临扮，這個(gè)時(shí)候在布局文件里面應(yīng)該這樣寫(xiě)：

    <TextView
        android:id="@+id/TextView1"
        ...
        android:text="TextView1" />

    <TextView
        android:id="@+id/TextView2"
        ...
        app:layout_constraintLeft_toRightOf="@+id/TextView1" />

    <TextView
        android:id="@+id/TextView3"
        ...
        app:layout_constraintTop_toBottomOf="@+id/TextView1" />

上面代碼中在TextView2里用到了app:layout_constraintLeft_toRightOf="@+id/TextView1"這個(gè)屬性，他的意思是把TextView2的左邊約束到TextView1的右邊教翩，如下圖所示：

image

同理TextView3在TextView1的下面杆勇，就需要用到app:layout_constraintTop_toBottomOf="@+id/TextView1"，即把TextView3的上面約束到TextView1的下面饱亿。

下面來(lái)看看相對(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

上面屬性中有一個(gè)比較有趣的layout_constraintBaseline_toBaselineOf
Baseline指的是文本基線(xiàn)蚜退，舉個(gè)例子：

image

如圖所示闰靴，兩個(gè)TextView的高度不一致，但是又希望他們文本對(duì)齊钻注，這個(gè)時(shí)候就可以使用layout_constraintBaseline_toBaselineOf蚂且，代碼如下：

    <TextView
        android:id="@+id/TextView1"
        .../>

    <TextView
        android:id="@+id/TextView2"
        ...
        app:layout_constraintLeft_toRightOf="@+id/TextView1" 
        app:layout_constraintBaseline_toBaselineOf="@+id/TextView1"/>

效果如下：

image

ConstraintLayout相對(duì)定位的用法跟RelativeLayout還是比較相似的，下面用一個(gè)圖來(lái)總結(jié)相對(duì)定位：

image

3.3 角度定位

角度定位指的是可以用一個(gè)角度和一個(gè)距離來(lái)約束兩個(gè)空間的中心幅恋。舉個(gè)例子：

    <TextView
        android:id="@+id/TextView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/TextView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintCircle="@+id/TextView1"
        app:layout_constraintCircleAngle="120"
        app:layout_constraintCircleRadius="150dp" />

上面例子中的TextView2用到了3個(gè)屬性：
app:layout_constraintCircle="@+id/TextView1"
app:layout_constraintCircleAngle="120"（角度）
app:layout_constraintCircleRadius="150dp"（距離）
指的是TextView2的中心在TextView1的中心的120度杏死，距離為150dp，效果如下：

image

3.4 邊距

3.4.1 常用margin

ConstraintLayout的邊距常用屬性如下：
android:layout_marginStart
android:layout_marginEnd
android:layout_marginLeft
android:layout_marginTop
android:layout_marginRight
android:layout_marginBottom

看起來(lái)跟別的布局沒(méi)有什么差別捆交，但實(shí)際上控件在ConstraintLayout里面要實(shí)現(xiàn)margin淑翼，必須先約束該控件在ConstraintLayout里的位置，舉個(gè)例子：

<android.support.constraint.ConstraintLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/TextView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="10dp" />

</android.support.constraint.ConstraintLayout>

如果在別的布局里品追，TextView1的位置應(yīng)該是距離邊框的左邊和上面有一個(gè)10dp的邊距玄括，但是在ConstraintLayout里，是不生效的肉瓦，因?yàn)闆](méi)有約束TextView1在布局里的位置遭京。正確的寫(xiě)法如下：

<android.support.constraint.ConstraintLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/TextView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="10dp" 
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

</android.support.constraint.ConstraintLayout>

把TextView1的左邊和上邊約束到parent的左邊和上邊，這樣margin就會(huì)生效泞莉，效果如下：

image

在使用margin的時(shí)候要注意兩點(diǎn)：
控件必須在布局里約束一個(gè)相對(duì)位置
margin只能大于等于0

3.4.2 goneMargin

goneMargin主要用于約束的控件可見(jiàn)性被設(shè)置為gone的時(shí)候使用的margin值哪雕，屬性如下：
layout_goneMarginStart
layout_goneMarginEnd
layout_goneMarginLeft
layout_goneMarginTop
layout_goneMarginRight
layout_goneMarginBottom

舉個(gè)例子：
假設(shè)TextView2的左邊約束在TextView1的右邊，并給TextView2設(shè)一個(gè)app:layout_goneMarginLeft="10dp"鲫趁，代碼如下：

<android.support.constraint.ConstraintLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/TextView1"
        .../>

    <TextView
        android:id="@+id/TextView2"
        ...
        app:layout_constraintLeft_toRightOf="@+id/TextView1"
        app:layout_goneMarginLeft="10dp"
        />

</android.support.constraint.ConstraintLayout>

效果如下热监，TextView2在TextView1的右邊，且沒(méi)有邊距饮寞。

image

這個(gè)時(shí)候把TextView1的可見(jiàn)性設(shè)為gone，效果如下：

image

TextView1消失后列吼，TextView2有一個(gè)距離左邊10dp的邊距幽崩。

3.5 居中和偏移

在RelativeLayout中，把控件放在布局中間的方法是把layout_centerInParent設(shè)為true寞钥，而在ConstraintLayout中的寫(xiě)法是：

app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"

意思是把控件的上下左右約束在布局的上下左右慌申，這樣就能把控件放在布局的中間了。同理RelativeLayout中的水平居中l(wèi)ayout_centerHorizontal相當(dāng)于在ConstraintLayout約束控件的左右為parent的左右理郑；RelativeLayout中的垂直居中l(wèi)ayout_centerVertical相當(dāng)于在ConstraintLayout約束控件的上下為parent的上下蹄溉。
由于ConstraintLayout中的居中已經(jīng)為控件約束了一個(gè)相對(duì)位置，所以可以使用margin您炉，如下所示：

<TextView
        android:id="@+id/TextView1"
        ...
        android:layout_marginLeft="100dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent" />

效果如下：

image

上面TextView1在水平居中后使用layout_marginLeft="100dp"向右偏移了100dp柒爵。除了這種偏移外，ConstraintLayout還提供了另外一種偏移的屬性：
layout_constraintHorizontal_bias 水平偏移
layout_constraintVertical_bias 垂直偏移

舉個(gè)例子：

<TextView
        android:id="@+id/TextView1"
        ...
        app:layout_constraintHorizontal_bias="0.3"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent" />

效果如下：

image

假如現(xiàn)在要實(shí)現(xiàn)水平偏移赚爵，給TextView1的layout_constraintHorizontal_bias賦一個(gè)范圍為 0-1 的值棉胀，假如賦值為0法瑟，則TextView1在布局的最左側(cè)，假如賦值為1唁奢，則TextView1在布局的最右側(cè)霎挟，假如假如賦值為0.5，則水平居中麻掸，假如假如賦值為0.3酥夭，則更傾向于左側(cè)。
垂直偏移同理脊奋。

3.6 尺寸約束

控件的尺寸可以通過(guò)四種不同方式指定：

使用指定的尺寸
使用wrap_content熬北，讓控件自己計(jì)算大小
當(dāng)控件的高度或?qū)挾葹閣rap_content時(shí)，可以使用下列屬性來(lái)控制最大狂魔、最小的高度或?qū)挾龋?br> android:minWidth 最小的寬度
android:minHeight 最小的高度
android:maxWidth 最大的寬度
android:maxHeight 最大的高度
注意蒜埋！當(dāng)ConstraintLayout為1.1版本以下時(shí)，使用這些屬性需要加上強(qiáng)制約束最楷，如下所示：
app:constrainedWidth=”true”
app:constrainedHeight=”true”
使用 0dp (MATCH_CONSTRAINT)
官方不推薦在ConstraintLayout中使用match_parent整份，可以設(shè)置 0dp (MATCH_CONSTRAINT) 配合約束代替match_parent，舉個(gè)例子：

<TextView
        android:id="@+id/TextView1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginLeft="50dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        android:visibility="visible" />

寬度設(shè)為0dp籽孙，左右兩邊約束parent的左右兩邊烈评，并設(shè)置左邊邊距為50dp，效果如下：

image

寬高比
當(dāng)寬或高至少有一個(gè)尺寸被設(shè)置為0dp時(shí)犯建，可以通過(guò)屬性layout_constraintDimensionRatio設(shè)置寬高比讲冠，舉個(gè)例子：

<TextView
        android:id="@+id/TextView1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintDimensionRatio="1:1"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent" />

寬設(shè)置為0dp，寬高比設(shè)置為1:1适瓦，這個(gè)時(shí)候TextView1是一個(gè)正方形竿开，效果如下：

image

除此之外，在設(shè)置寬高比的值的時(shí)候玻熙，還可以在前面加W或H否彩，分別指定寬度或高度限制。例如：
app:layout_constraintDimensionRatio="H,2:3"指的是高:寬=2:3
app:layout_constraintDimensionRatio="W,2:3"指的是寬:高=2:3

3.7 鏈

如果兩個(gè)或以上控件通過(guò)下圖的方式約束在一起嗦随，就可以認(rèn)為是他們是一條鏈（圖為橫向的鏈列荔，縱向同理）。

image

用代碼表示：

    <TextView
        android:id="@+id/TextView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toLeftOf="@+id/TextView2" />

    <TextView
        android:id="@+id/TextView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toRightOf="@+id/TextView1"
        app:layout_constraintRight_toLeftOf="@+id/TextView3"
        app:layout_constraintRight_toRightOf="parent" />

    <TextView
        android:id="@+id/TextView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toRightOf="@+id/TextView2"
        app:layout_constraintRight_toRightOf="parent" />

3個(gè)TextView相互約束枚尼，兩端兩個(gè)TextView分別與parent約束贴浙，成為一條鏈，效果如下：

image

一條鏈的第一個(gè)控件是這條鏈的鏈頭署恍，我們可以在鏈頭中設(shè)置 layout_constraintHorizontal_chainStyle來(lái)改變整條鏈的樣式崎溃。chains提供了3種樣式，分別是：
CHAIN_SPREAD —— 展開(kāi)元素 (默認(rèn))锭汛；
CHAIN_SPREAD_INSIDE —— 展開(kāi)元素笨奠，但鏈的兩端貼近parent袭蝗；
CHAIN_PACKED —— 鏈的元素將被打包在一起。
如圖所示：

image

上面的例子創(chuàng)建了一個(gè)樣式鏈般婆，除了樣式鏈外到腥，還可以創(chuàng)建一個(gè)權(quán)重鏈。
可以留意到上面所用到的3個(gè)TextView寬度都為wrap_content蔚袍，如果我們把寬度都設(shè)為0dp啤咽，這個(gè)時(shí)候可以在每個(gè)TextView中設(shè)置橫向權(quán)重layout_constraintHorizontal_weight(constraintVertical為縱向)來(lái)創(chuàng)建一個(gè)權(quán)重鏈鳞青，如下所示：

 <TextView
        android:id="@+id/TextView1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toLeftOf="@+id/TextView2"
        app:layout_constraintHorizontal_weight="2" />

    <TextView
        android:id="@+id/TextView2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toRightOf="@+id/TextView1"
        app:layout_constraintRight_toLeftOf="@+id/TextView3"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintHorizontal_weight="3" />

    <TextView
        android:id="@+id/TextView3"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toRightOf="@+id/TextView2"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintHorizontal_weight="4" />

效果如下：

image

4.輔助工具

4.1 Optimizer

當(dāng)我們使用 MATCH_CONSTRAINT 時(shí)，ConstraintLayout 將對(duì)控件進(jìn)行 2 次測(cè)量，ConstraintLayout在1.1中可以通過(guò)設(shè)置 layout_optimizationLevel 進(jìn)行優(yōu)化幼东，可設(shè)置的值有：
none：無(wú)優(yōu)化
standard：僅優(yōu)化直接約束和屏障約束（默認(rèn)）
direct：優(yōu)化直接約束
barrier：優(yōu)化屏障約束
chain：優(yōu)化鏈約束
dimensions：優(yōu)化尺寸測(cè)量

4.2 Barrier

image

假設(shè)有3個(gè)控件ABC尿赚，C在A(yíng)B的右邊，但是AB的寬是不固定的，這個(gè)時(shí)候C無(wú)論約束在A(yíng)的右邊或者B的右邊都不對(duì)贬养。當(dāng)出現(xiàn)這種情況可以用Barrier來(lái)解決筒占。Barrier可以在多個(gè)控件的一側(cè)建立一個(gè)屏障，如下所示：

image

這個(gè)時(shí)候C只要約束在Barrier的右邊就可以了这橙，代碼如下：

<TextView
        android:id="@+id/TextView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/TextView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toBottomOf="@+id/TextView1" />

    <android.support.constraint.Barrier
        android:id="@+id/barrier"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:barrierDirection="right"
        app:constraint_referenced_ids="TextView1,TextView2" />

    <TextView
        android:id="@+id/TextView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toRightOf="@+id/barrier" />

app:barrierDirection為屏障所在的位置奏窑，可設(shè)置的值有：bottom、end屈扎、left埃唯、right、start鹰晨、top
app:constraint_referenced_ids為屏障引用的控件墨叛，可設(shè)置多個(gè)(用“,”隔開(kāi))

4.3 Group

Group可以把多個(gè)控件歸為一組，方便隱藏或顯示一組控件模蜡，舉個(gè)例子：

    <TextView
        android:id="@+id/TextView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/TextView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toRightOf="@+id/TextView1" />

    <TextView
        android:id="@+id/TextView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toRightOf="@id/TextView2" />

image

現(xiàn)在有3個(gè)并排的TextView漠趁，用Group把TextView1和TextView3歸為一組，再設(shè)置這組控件的可見(jiàn)性忍疾，如下所示：

   <android.support.constraint.Group
        android:id="@+id/group"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:visibility="invisible"
        app:constraint_referenced_ids="TextView1,TextView3" />

效果如下：

image

4.4 Placeholder

Placeholder指的是占位符闯传。在Placeholder中可使用setContent()設(shè)置另一個(gè)控件的id，使這個(gè)控件移動(dòng)到占位符的位置卤妒。舉個(gè)例子：

<android.support.constraint.Placeholder
        android:id="@+id/placeholder"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:content="@+id/textview"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/textview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#cccccc"
        android:padding="16dp"
        android:text="TextView"
        android:textColor="#000000"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

新建一個(gè)Placeholder約束在屏幕的左上角甥绿，新建一個(gè)TextView約束在屏幕的右上角字币，在Placeholder中設(shè)置 app:content="@+id/textview"，這時(shí)TextView會(huì)跑到屏幕的左上角共缕。效果如下：

image

4.5 Guideline

Guildline像輔助線(xiàn)一樣洗出，在預(yù)覽的時(shí)候幫助你完成布局（不會(huì)顯示在界面上）。
Guildline的主要屬性：
android:orientation 垂直vertical骄呼，水平horizontal
layout_constraintGuide_begin 開(kāi)始位置
layout_constraintGuide_end 結(jié)束位置
layout_constraintGuide_percent 距離頂部的百分比(orientation = horizontal時(shí)則為距離左邊)
舉個(gè)例子：

    <android.support.constraint.Guideline
        android:id="@+id/guideline1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_begin="50dp" />

    <android.support.constraint.Guideline
        android:id="@+id/guideline2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.5" />

guideline1為水平輔助線(xiàn)共苛，開(kāi)始位置是距離頂部50dp，guideline2位垂直輔助線(xiàn)蜓萄，開(kāi)始位置為屏幕寬的0.5(中點(diǎn)位置)隅茎，效果如下：

image

5.總結(jié)

本篇文章主要介紹了ConstraintLayout和它在布局文件里的用法，和一些輔助ConstraintLayout布局的工具嫉沽，跟著敲一遍就能學(xué)會(huì)ConstraintLayout辟犀。除此之外，ConstraintLayout還有一個(gè)獨(dú)立的編輯器绸硕，只需要托拉拽就可以完成整個(gè)布局堂竟，但我個(gè)人比較喜歡直接用代碼寫(xiě)，就不介紹了玻佩，有興趣的可以參考https://blog.csdn.net/guolin_blog/article/details/53122387

好了,帶著就完了,別忘記點(diǎn)贊哦!

最后編輯于：2019.05.22 11:44:39

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

人面猴
序言：七十年代末出嘹，一起剝皮案震驚了整個(gè)濱河市，隨后出現(xiàn)的幾起案子咬崔，更是在濱河造成了極大的恐慌税稼，老刑警劉巖，帶你破解...
沈念sama閱讀 216,372評(píng)論 6贊 498
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件垮斯，死亡現(xiàn)場(chǎng)離奇詭異郎仆，居然都是意外死亡，警方通過(guò)查閱死者的電腦和手機(jī)兜蠕，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 92,368評(píng)論 3贊 392
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門(mén)扰肌，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)，“玉大人熊杨，你說(shuō)我怎么就攤上這事曙旭。” “怎么了晶府？”我有些...
開(kāi)封第一講書(shū)人閱讀 162,415評(píng)論 0贊 353
道士緝兇錄：失蹤的賣(mài)姜人
文/不壞的土叔我叫張陵夷狰，是天一觀(guān)的道長(zhǎng)。經(jīng)常有香客問(wèn)我郊霎，道長(zhǎng)，這世上最難降的妖魔是什么爷绘？我笑而不...
開(kāi)封第一講書(shū)人閱讀 58,157評(píng)論 1贊 292
?港島之戀（遺憾婚禮）
正文為了忘掉前任书劝，我火速辦了婚禮进倍，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘购对。我一直安慰自己猾昆，他們只是感情好，可當(dāng)我...
茶點(diǎn)故事閱讀 67,171評(píng)論 6贊 388
惡毒庶女頂嫁案：這布局不是一般人想出來(lái)的
文/花漫我一把揭開(kāi)白布骡苞。她就那樣靜靜地躺著垂蜗，像睡著了一般。火紅的嫁衣襯著肌膚如雪解幽。梳的紋絲不亂的頭發(fā)上贴见，一...
開(kāi)封第一講書(shū)人閱讀 51,125評(píng)論 1贊 297
城市分裂傳說(shuō)
那天，我揣著相機(jī)與錄音躲株，去河邊找鬼片部。笑死，一個(gè)胖子當(dāng)著我的面吹牛霜定，可吹牛的內(nèi)容都是我干的档悠。我是一名探鬼主播，決...
沈念sama閱讀 40,028評(píng)論 3贊 417
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開(kāi)眼望浩，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼辖所！你這毒婦竟也來(lái)了？” 一聲冷哼從身側(cè)響起磨德，我...
開(kāi)封第一講書(shū)人閱讀 38,887評(píng)論 0贊 274
萬(wàn)榮殺人案實(shí)錄
序言：老撾萬(wàn)榮一對(duì)情侶失蹤缘回，失蹤者是張志新（化名）和其女友劉穎，沒(méi)想到半個(gè)月后剖张，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體切诀，經(jīng)...
沈念sama閱讀 45,310評(píng)論 1贊 310
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 37,533評(píng)論 2贊 332
?白月光啟示錄
正文我和宋清朗相戀三年搔弄，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了幅虑。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
茶點(diǎn)故事閱讀 39,690評(píng)論 1贊 348
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡顾犹，死狀恐怖倒庵，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情炫刷，我是刑警寧澤擎宝，帶...
沈念sama閱讀 35,411評(píng)論 5贊 343
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布，位于F島的核電站浑玛，受9級(jí)特大地震影響绍申，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 41,004評(píng)論 3贊 325
男人毒藥：我在死后第九天來(lái)索命
文/蒙蒙一极阅、第九天我趴在偏房一處隱蔽的房頂上張望胃碾。院中可真熱鬧，春花似錦、人聲如沸。這莊子的主人今日做“春日...
開(kāi)封第一講書(shū)人閱讀 31,659評(píng)論 0贊 22
一樁弒父案，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽(yáng)俄周。三九已至，卻和暖如春髓迎，著一層夾襖步出監(jiān)牢的瞬間峦朗，已是汗流浹背。一陣腳步聲響...
開(kāi)封第一講書(shū)人閱讀 32,812評(píng)論 1贊 268
情欲美人皮
我被黑心中介騙來(lái)泰國(guó)打工竖般，沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留甚垦，地道東北人。一個(gè)月前我還...
沈念sama閱讀 47,693評(píng)論 2贊 368
代替公主和親
正文我出身青樓涣雕，卻偏偏與公主長(zhǎng)得像艰亮，于是被迫代替她去往敵國(guó)和親。傳聞我的和親對(duì)象是個(gè)殘疾皇子挣郭，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 44,577評(píng)論 2贊 353

約束布局ConstraintLayout的屬性及使用

目錄

1.介紹

2.為什么要用ConstraintLayout

3.如何使用ConstraintLayout

3.1 添加依賴(lài)

3.2 相對(duì)定位

3.3 角度定位

3.4 邊距

3.5 居中和偏移

3.6 尺寸約束

3.7 鏈

4.輔助工具

4.1 Optimizer

4.2 Barrier

4.3 Group

4.4 Placeholder

4.5 Guideline

5.總結(jié)

好了,帶著就完了,別忘記點(diǎn)贊哦!