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

栏目: IOS · Android · 发布时间: 7年前

内容简介:了解过UI设计的同学都知道,在设计的时候,我们经常在界面上拖进一些辅助线来帮我们对齐UI元素,或者方便我们统一的页边距。在ConstraintLayout的编辑器中,同样也支持这样的功能,我们可以创建一些横向的或者纵向的Guideline,在布局界面的时候可以充分利用这些辅助线,对齐我们的View,避免重复写一些marginXXX。创建后,默认的Guideline是靠左的:

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

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

创建Guideline

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

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

创建后,默认的Guideline是靠左的:

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

我们可以拖动来调整这个Guideline的边距,也可以通过右侧的属性栏直接输入边距的大小:

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

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

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

设置好辅助线后,我们就可以将View约束到这条辅助线上了。

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

当调整这条Guideline的边距时,约束对应的所有View也会做相应地改变,非常方便。

我们这里以靠左垂直的Guideline进行举例,读者可以创建一个右边的Guideline或者水平方向的Guideline进行尝试。

总结

Guideline可以帮助我们更方便地进行布局,尤其是当我们的页面左右边距都是一个固定值的时候,还有在设计师调整UI的左右边距的时候,我们也可以非常迅速地做出调整。

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

如有更多疑问,请参考我的其它Android相关博客:我的博客地址


以上所述就是小编给大家介绍的《Android开发 - 掌握ConstraintLayout(七)辅助线(Guideline)(GuideLine)》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

区块链与人工智能:数字经济新时代

区块链与人工智能:数字经济新时代

高航、俞学劢、王毛路 / 电子工业出版社 / 2018-7-23 / 80

《区块链与人工智能》是畅销书《区块链与新经济:数字货币2.0时代》全新修订升级版。本书是市场上为数不多的系统阐述区块链、人工智能技术与产业的入门级系统教程。从比特币到各类数字货币(代币),从基础原理到应用探讨,全景式呈现区块链与人工智能的发展脉络,既有历史的厚重感也有科技的未来感。本书的另一个亮点是系统整理了区块链创业地图,是一本关于区块链创业、应用、媒体的学习指南,以太坊创始人Vitalik专门......一起来看看 《区块链与人工智能:数字经济新时代》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

URL 编码/解码
URL 编码/解码

URL 编码/解码