内容简介：了解过UI设计的同学都知道，在设计的时候，我们经常在界面上拖进一些辅助线来帮我们对齐UI元素，或者方便我们统一的页边距。在ConstraintLayout的编辑器中，同样也支持这样的功能，我们可以创建一些横向的或者纵向的Guideline，在布局界面的时候可以充分利用这些辅助线，对齐我们的View，避免重复写一些marginXXX。创建后，默认的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相关博客：我的博客地址
以上所述就是小编给大家介绍的《Android开发 - 掌握ConstraintLayout（七）辅助线(Guideline)(GuideLine)》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
Node.js硬实战：115个核心技巧
【美】Alex R. Young、【美】Marc Harter / 承竹、慕陶、邱娟、达峰 / 电子工业出版社 / 2017-1 / 109.9
《Node.js 硬实战：115 个核心技巧》是一本面向实战的Node.js 开发进阶指南。作为资深专家，《Node.js 硬实战：115 个核心技巧》作者独辟蹊径，将着眼点放在Node.js 的核心模块和网络应用，通过精心组织的丰富实例，向读者充分展示了Node.js 强大的并发处理能力，读者从中可真正掌握Node 的核心基础与高级技巧。《Node.js 硬实战：115 个核心技巧》总共有三部分......一起来看看 《Node.js硬实战：115个核心技巧》 这本书的介绍吧!
