Android開發 - 掌握ConstraintLayout（七）輔助線(Guideline)

瞭解過UI設計的同窗都知道，在設計的時候，咱們常常在界面上拖進一些輔助線來幫咱們對齊UI元素，或者方便咱們統一的頁邊距。

在ConstraintLayout的編輯器中，一樣也支持這樣的功能，咱們能夠建立一些橫向的或者縱向的Guideline，在佈局界面的時候能夠充分利用這些輔助線，對齊咱們的View，避免重複寫一些marginXXX。

建立Guideline

打開編輯器，選擇Helpers -> Add Vertical Guideline

建立後，默認的Guideline是靠左的：

咱們能夠拖動來調整這個Guideline的邊距，也能夠經過右側的屬性欄直接輸入邊距的大小：

細心的同窗可能發現，這裏除了設置左邊局，還有一個layout_constraintGuide_end，這個是作什麼用的呢？沒錯，若是設置這個值，那麼這條Guideline就是靠右的！

還有layout_constraintGuide_percent，從名字就能夠看出，這個是按寬度的百分比設置邊距，這個值的範圍是0-1。(0% - 100%)

設置好輔助線後，咱們就能夠將View約束到這條輔助線上了。

當調整這條Guideline的邊距時，約束對應的全部View也會作相應地改變，很是方便。

咱們這裏以靠左垂直的Guideline進行舉例，讀者能夠建立一個右邊的Guideline或者水平方向的Guideline進行嘗試。

總結

Guideline能夠幫助咱們更方便地進行佈局，尤爲是當咱們的頁面左右邊距都是一個固定值的時候，還有在設計師調整UI的左右邊距的時候，咱們也能夠很是迅速地作出調整。

下一篇：Android開發 - 掌握ConstraintLayout（八）障礙線(Barrier)，咱們將介紹Barrier的使用。

若有更多疑問，請參考個人其它Android相關博客：個人博客地址