從本篇博客開(kāi)始我們開(kāi)始介紹如何使用ConstraintLayout。
既然ConstraintLayout叫約束布局，首先我們先介紹什么叫約束（Constraints）：
一個(gè)約束表示View之間的"布局約束"關(guān)系，以及約束的位置，類似RelativeLayout的"相對(duì)"概念。
在工程中我們新建一個(gè)布局activity_main.xml，整個(gè)界面如下：
這是一個(gè)編輯器整體的界面，下面我們來(lái)介紹一些常用的功能：
左下角有視圖切換的選項(xiàng)，通過(guò)這個(gè)選項(xiàng)我們可以切換設(shè)計(jì)/(代碼)文本視圖，傳統(tǒng)在開(kāi)發(fā)的過(guò)程中可能覺(jué)得設(shè)計(jì)視圖并不常用，但是在使用ConstraintLayout時(shí)它確實(shí)很強(qiáng)大，反而可能很少用代碼視圖了。
這里我們可以看到左上角的按鈕，這個(gè)是用來(lái)切換設(shè)計(jì)界面和藍(lán)圖界面的，通常我們需要兩個(gè)界面都展示，這樣我們可以更加清晰地看到各個(gè)View的約束。
這個(gè)功能我們可以切換橫豎屏等UI的模式，這個(gè)功能也可以使我們方便的進(jìn)行各種UI模式的適配。
在這里我們可以預(yù)覽當(dāng)前布局在不同的分辨率下的效果，這個(gè)功能在適配的時(shí)候非常方便，這里提一下下面的Custom選項(xiàng)，這個(gè)功能允許我們將當(dāng)前布局拖拽成任意的大小:
這個(gè)功能允許編輯器自動(dòng)進(jìn)行約束，當(dāng)我們拖拽一個(gè)空間到視圖中后，編輯器會(huì)自動(dòng)為我們創(chuàng)建一個(gè)約束，可能很多時(shí)候我們并不需要自動(dòng)約束，我們可以點(diǎn)擊把它關(guān)閉。
這個(gè)按鈕類似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)行后只是顯示在屏幕的左上角，重疊在一起。
本文我們主要講解了ConstraintLayout編輯器常用功能的使用。這些功能靈活且方便地幫助我們布局頁(yè)面。下一篇：Android開(kāi)發(fā) - 使用ConstraintLayout（四）創(chuàng)建基本約束我們將介紹使用基本的約束。
本文地址，如有更多疑問(wèn)，請(qǐng)參考我的其它Android相關(guān)博客：我的博客地址
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
重慶分公司
重慶分公司
