溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

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

發布時間:2020-08-04 02:26:23 來源:網絡 閱讀:451 作者:羅伊德666 欄目:移動開發

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

在ConstraintLayout的編輯器中,同樣也支持這樣的功能,我們可以創建一些橫向的或者縱向的Guideline,在布局界面的時候可以充分利用這些輔助線,對齊我們的View,避免重復寫一些marginXXX。

創建Guideline

打開編輯器,選擇Helpers -> Add Vertical Guideline
Android開發 - 掌握ConstraintLayout(七)輔助線(Guideline)

創建后,默認的Guideline是靠左的:

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

我們可以拖動來調整這個Guideline的邊距,也可以通過右側的屬性欄直接輸入邊距的大?。?/p>

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

細心的同學可能發現,這里除了設置左邊局,還有一個layout_constraintGuide_end,這個是做什么用的呢?沒錯,如果設置這個值,那么這條Guideline就是靠右的!

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

設置好輔助線后,我們就可以將View約束到這條輔助線上了。

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

當調整這條Guideline的邊距時,約束對應的所有View也會做相應地改變,非常方便。

我們這里以靠左垂直的Guideline進行舉例,讀者可以創建一個右邊的Guideline或者水平方向的Guideline進行嘗試。

總結

Guideline可以幫助我們更方便地進行布局,尤其是當我們的頁面左右邊距都是一個固定值的時候,還有在設計師調整UI的左右邊距的時候,我們也可以非常迅速地做出調整。

下一篇:Android開發 - 掌握ConstraintLayout(八)障礙線(Barrier),我們將介紹Barrier的使用。

如有更多疑問,請參考我的其它Android相關博客:我的博客地址

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女