從本篇博客開(kāi)始我們開(kāi)始介紹如何使用ConstraintLayout。
既然ConstraintLayout叫約束布局，首先我們先介紹什么叫約束（Constraints）：
約束（Constraints）
一個(gè)約束表示View之間的"布局約束"關(guān)系，以及約束的位置，類(lèi)似RelativeLayout的"相對(duì)"概念。
編輯器介紹
在工程中我們新建一個(gè)布局activity_main.xml，整個(gè)界面如下：
這是一個(gè)編輯器整體的界面，下面我們來(lái)介紹一些常用的功能：
- 設(shè)計(jì)/文本視圖
左下角有視圖切換的選項(xiàng)，通過(guò)這個(gè)選項(xiàng)我們可以切換設(shè)計(jì)/(代碼)文本視圖，傳統(tǒng)在開(kāi)發(fā)的過(guò)程中可能覺(jué)得設(shè)計(jì)視圖并不常用，但是在使用ConstraintLayout時(shí)它確實(shí)很強(qiáng)大，反而可能很少用代碼視圖了。
- 設(shè)計(jì)/藍(lán)圖
這里我們可以看到左上角的按鈕，這個(gè)是用來(lái)切換設(shè)計(jì)界面和藍(lán)圖界面的，通常我們需要兩個(gè)界面都展示，這樣我們可以更加清晰地看到各個(gè)View的約束。
- 設(shè)備與分辨率適配
這個(gè)功能我們可以切換橫豎屏等UI的模式，這個(gè)功能也可以使我們方便的進(jìn)行各種UI模式的適配。
在這里我們可以預(yù)覽當(dāng)前布局在不同的分辨率下的效果，這個(gè)功能在適配的時(shí)候非常方便，這里提一下下面的Custom選項(xiàng)，這個(gè)功能允許我們將當(dāng)前布局拖拽成任意的大小:
- 自動(dòng)約束
這個(gè)功能允許編輯器自動(dòng)進(jìn)行約束，當(dāng)我們拖拽一個(gè)空間到視圖中后，編輯器會(huì)自動(dòng)為我們創(chuàng)建一個(gè)約束，可能很多時(shí)候我們并不需要自動(dòng)約束，我們可以點(diǎn)擊把它關(guān)閉。
- 約束推斷
這個(gè)按鈕類(lèi)似PS的魔棒，它的功能是進(jìn)行約束的推斷，如圖我拖拽了兩個(gè)按鈕到布局中，一開(kāi)始并沒(méi)有任何約束，當(dāng)我點(diǎn)擊了這個(gè)按鈕后，自動(dòng)為我生成了如圖的約束。
代碼視圖
我們切換到代碼視圖：
此時(shí)我們發(fā)現(xiàn)界面的哪些約束在代碼中也僅僅增加了幾行代碼，用來(lái)表示當(dāng)前的約束，仔細(xì)觀察后我們發(fā)現(xiàn)其實(shí)都是toStartOf，toEndOf，toTopOf...，這些都是指定的當(dāng)前View與其它View（或Parent）之間的關(guān)系，對(duì)比一下RelativeLayout，我們很容易就能明白。
如果當(dāng)前沒(méi)有任何約束的時(shí)候，我們觀察代碼：
注意這些tools:xxx，只是表示View在編輯器的絕對(duì)位置，是用來(lái)我們?cè)O(shè)計(jì)(拖拽)時(shí)使用的。如果不添加約束，運(yùn)行后只是顯示在屏幕的左上角，重疊在一起。
總結(jié)
本文我們主要講解了ConstraintLayout編輯器常用功能的使用。這些功能靈活且方便地幫助我們布局頁(yè)面。下一篇：Android開(kāi)發(fā) - 使用ConstraintLayout（四）創(chuàng)建基本約束我們將介紹使用基本的約束。
