看到很多講ConstraintLayout都沒有關(guān)于可視化界面里添加約束的內(nèi)容，我就簡單演示一下，個(gè)人感覺這是個(gè)很實(shí)用的技巧，對(duì)提高我們的開發(fā)效率很有幫助。

下面我用幾個(gè)GIF展示一下，相信會(huì)有一些幫助的。

design.gif

其中的主要內(nèi)容有：添加控件、添加基礎(chǔ)布局、控件的橫向居中、簡單修改內(nèi)容、切換寬高的自適應(yīng)方式、調(diào)整位置百分比（居中的百分比是50）。

屏幕居中.gif

上面演示屏幕居中。

相對(duì)位置和對(duì)齊.gif

上面演示控件的相對(duì)位置和對(duì)齊操作。

內(nèi)容改變.gif

上面演示內(nèi)容改變時(shí)其它控件的變化。

固定寬度.gif

上面演示固定寬度的操作。

然后撤銷，來看看另一種固定寬度怎么操作。

另一種固定寬度.gif

上面演示另外一種固定寬度操作。其中通過外部約束獲取寬度的方式最上面內(nèi)容為111的TextView已經(jīng)演示過了。

其它的我就不一一演示了，其實(shí)以上演示的內(nèi)容就能處理很多布局適配的方式了。

當(dāng)然，如gif演示的方式可以添加的約束并不完全，ConstraintLayout的功能很多，還有好多約束并不能這么添加，比如控件固定寬高比。這時(shí)候就需要結(jié)合xml的方式添加了。而且控件的樣式顏色之類的也需要進(jìn)入xml進(jìn)操作。

這種方式效率很高，而且所見即所得的方式實(shí)在是太棒了。最主要的是這種方式不容易遺漏約束，也在很大程度上降低了ConstraintLayout的使用門檻（一些情況下如果我不使用這種方式，用ConstraintLayout寫一些簡單的布局我可能都寫不好，對(duì)我來說，ConstraintLayout太復(fù)雜了點(diǎn)，如果是純xml這種方式，太容易漏約束了）。