原文:
http://www.reibang.com/p/16e95b6b5e38
http://www.reibang.com/p/575829baa39d
如何閱讀 xml 屬性
與 Relativelayout 不同刁赦，ConstrainLayout 的屬性需要同時(shí)說(shuō)明需要怎么操作自己與目標(biāo)控件啰劲，例如：layout_constraintLeft_toLeftOf 指自身左邊緣與目標(biāo)控件左邊緣對(duì)齊
從此 match_parent 是故人
ConstraintLayout 里不再使用 match_parent讳侨，想要鋪滿屏幕，只能設(shè)置寬度為 0秘蛇，并添加左右邊緣與父容器的約束。（想要實(shí)現(xiàn) match_parent的效果，切記要設(shè)置該方向大小為 0dp）
android:layout_width="0dp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
穿了馬甲的 LinearLayout
線性布局的 weight 屬性可以輕松實(shí)現(xiàn)等分操作节预。在 ConstraintLayout 里你也可以實(shí)現(xiàn)類似的功能：
app:layout_constraintHorizontal_bias=".3" //數(shù)值范圍：0~1
如果控件已約束了左右邊緣且定義了 bias 為 0.3仅财，則意味著控件與左邊緣的距離占控件左右邊緣間距的 30%狈究，如圖：
bias
甚至想要實(shí)現(xiàn) LinearLayout 的 weight=1 等分操作（例如水平方向上等分）也很簡(jiǎn)單，每個(gè)相鄰控件互為約束并設(shè)置 width=0dp 即可盏求。這樣其實(shí)就組成了鏈（chaining）抖锥。
鏈
像上面說(shuō)到的亿眠，設(shè)置 width=0，且控件之間兩兩互相約束磅废，即可實(shí)現(xiàn)水平方向等分纳像。此時(shí)還可以給控件設(shè)置 layout_constraintHorizontal_weight 屬性，該屬性與 LinearLayout 中的 weight 類似拯勉。
鏈條頭部的屬性
水平鏈的最左邊竟趾，垂直鏈的最上邊稱之為頭部，鏈的頭部可以設(shè)置鏈的屬性：
app:layout_constraintHorizontal_chainStyle="spread"
app:layout_constraintVertical_chainStyle="packed"
spread 默認(rèn)屬性谜喊，平均分布
spread_inside 首尾無(wú)間距
packed 控件間無(wú)間距潭兽，可以同時(shí)搭配 layout_constraintHorizontal_bias 屬性控制與父容器的間距
各屬性值的樣式如下：
各屬性樣式
厲害了，還能設(shè)寬高比
app:layout_constraintDimensionRatio="1:1" //寬：高
該屬性起作用的前提是寬或高至少有一個(gè)設(shè)為 0dp斗遏，設(shè)為 0dp 的邊即為隨比例縮放的邊山卦。
舉個(gè)栗子：
android:layout_width="wrap_content"
android:layout_height="0dp"
app:layout_constraintDimensionRatio="1:1"/>
該文本框在隨著內(nèi)容文字的增加，寬度會(huì)越來(lái)越大诵次，一旦設(shè)定了寬高比為1账蓉，則在寬度增大時(shí)高度也會(huì)等比增大，一直保持在寬高比1：1逾一。
寬高比還有另外的妙用铸本，比如一個(gè)控件左右邊緣已存在與父容器約束，且同時(shí)將寬高都設(shè)為 0dp遵堵，便得到水平方向上鋪滿屏幕的效果箱玷，如圖：
寬高均設(shè)為0
指示線 Guideline
指示線不會(huì)被繪制到 UI 中，所以放心大膽地用陌宿。Guideline 的一些屬性：
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/guideline"
app:layout_constraintGuide_percent="0.5" //設(shè)置位置比例
android:orientation="vertical"/> //不注明該屬性锡足，則默認(rèn)是水平方向
app:layout_constraintGuide_begin="30dp" //設(shè)置與頭部邊距
app:layout_constraintGuide_end="30dp" // 設(shè)置與尾部邊距
其他
layout_goneMarginLeft 屬性，當(dāng)有約束關(guān)系的控件被置為 gone 狀態(tài)時(shí)壳坪，可以通過(guò)設(shè)置該屬性來(lái)控制間距
動(dòng)畫(huà)
[譯]Constraint Layout 動(dòng)畫(huà) |動(dòng)態(tài) Constraint |用 Java 實(shí)現(xiàn)的 UI（這到底是什么）[第三部分]
作者：揚(yáng)州慢_
鏈接：http://www.reibang.com/p/16e95b6b5e38
來(lái)源：簡(jiǎn)書(shū)
著作權(quán)歸作者所有舶得。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處爽蝴。
