Android开发 - 掌握ConstraintLayout(七)辅助线(Guideline)

了解过UI设计的同窗都知道,在设计的时候,咱们常常在界面上拖进一些辅助线来帮咱们对齐UI元素,或者方便咱们统一的页边距。android

在ConstraintLayout的编辑器中,一样也支持这样的功能,咱们能够建立一些横向的或者纵向的Guideline,在布局界面的时候能够充分利用这些辅助线,对齐咱们的View,避免重复写一些marginXXX。编辑器

建立Guideline

打开编辑器,选择Helpers -> Add Vertical Guideline
-w534ide

建立后,默认的Guideline是靠左的:布局

-w539

咱们能够拖动来调整这个Guideline的边距,也能够经过右侧的属性栏直接输入边距的大小:ui

-w497

细心的同窗可能发现,这里除了设置左边局,还有一个layout_constraintGuide_end,这个是作什么用的呢?没错,若是设置这个值,那么这条Guideline就是靠右的!设计

还有layout_constraintGuide_percent,从名字就能够看出,这个是按宽度的百分比设置边距,这个值的范围是0-1。(0% - 100%)code

设置好辅助线后,咱们就能够将View约束到这条辅助线上了。blog

-w530

当调整这条Guideline的边距时,约束对应的全部View也会作相应地改变,很是方便。开发

咱们这里以靠左垂直的Guideline进行举例,读者能够建立一个右边的Guideline或者水平方向的Guideline进行尝试。get

总结

Guideline能够帮助咱们更方便地进行布局,尤为是当咱们的页面左右边距都是一个固定值的时候,还有在设计师调整UI的左右边距的时候,咱们也能够很是迅速地作出调整。

下一篇:Android开发 - 掌握ConstraintLayout(八)障碍线(Barrier),咱们将介绍Barrier的使用。

若有更多疑问,请参考个人其它Android相关博客:个人博客地址

相关文章
相关标签/搜索