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

前端侠
• 阅读 1934

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

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

创建Guideline

打开编辑器,选择Helpers -> Add Vertical Guideline
Android开发 - 掌握ConstraintLayout(七)辅助线(Guideline)

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

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

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

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相关博客:我的博客地址

点赞
收藏
评论区
推荐文章
想天浏览器 想天浏览器
3年前
想天浏览器书签管理在哪?教你一步导入书签
想天浏览器书签可以说是一个很实用的功能了,我们在浏览页面时,遇到有用的或者是自己喜欢的资料,都会想要保存起来,这种时候我们就需要使用书签来进行保存了。很多人都不知道,我们在书签中保存的资料是可以转移到另一个浏览器中的,那么我们使用想天浏览器的时候,怎么对所保存的书签进行导入或者是导出呢?想要管理的时候,我们怎么找到管理的设置呢?今天小编就总结了一些关于书签管
浩浩 浩浩
4年前
【Flutter实战】对齐与相对定位(Align)
4.6对齐与相对定位(Align)在上一节中我们讲过通过Stack和Positioned,我们可以指定一个或多个子元素相对于父元素各个边的精确偏移,并且可以重叠。但如果我们只想简单的调整一个子元素在父元素中的位置的话,使用Align组件会更简单一些。4.6.1AlignAlign组件可以调整子组件的位置,并且可以根据子
易娃 易娃
4年前
Android开发 - 获取Android设备的唯一标识码(Android 6.0或更高)
在我们的APP开发中,通常需要获取到设备的唯一标识。在Android6.0之前,有很多方法我们可以方便获取到硬件的唯一标识,但是在Android6.0之后,Android系统大幅限制了我们获取设备的硬件信息。Android6.0之前的方法(已过时)1.DEVICE\_ID通getSystem
浩浩 浩浩
4年前
【Flutter实战】Widget简介
3.1Widget简介3.1.1概念在前面的介绍中,我们知道在Flutter中几乎所有的对象都是一个Widget。与原生开发中“控件”不同的是,Flutter中的Widget的概念更广泛,它不仅可以表示UI元素,也可以表示一些功能性的组件如:用于手势检测的GestureDetectorwidget、用于APP主题数据传递的Theme
Kelly916 Kelly916
4年前
Android 打造属于自己的数据库操作类。
1、概述开发Android的同学都知道sdk已经为我们提供了一个SQLiteOpenHelper类来创建和管理SQLite数据库,通过写一个子类去继承它,就可以方便的创建、管理数据库。但是当我们需要去做增删改查的操作的时候,就得通过get
Stella981 Stella981
3年前
Android NDK 开发入门环境配置与小例子
NDK:NativeDevelopmentKit原生开发工具NDK能干什么:NDK使得在android中,java可以调用C函数库。为什么要用NDK:我们都知道,java是半解释型语言,很容易被反汇编后拿到源代码文件,在开发一些重要协议时,我们为了安全起见,使用C语言来编写这些重要的部分,来增大系统的安全性。还有,在一些接近硬件环境下,相信大家都
Stella981 Stella981
3年前
AsyncTask的用法
AsyncTask,即异步任务,是Android给我们提供的一个处理异步任务的类.通过此类,可以实现UI线程和后台线程进行通讯,后台线程执行异步任务,并把结果返回给UI线程..为什么需要使用异步任务?我们知道,Android中只有UI线程,也就是主线程才能进行对UI的更新操作,而其他线程是不能直接操作UI的.这样的好处是保证了UI的稳定性和准确性,避
Stella981 Stella981
3年前
Android异步操作总结
Android中经常会有一些操作比如网络请求,文件读写,数据库操作,比较耗时,我们需要将其放在非UI线程去处理,此时,我们需要处理任务前后UI的变化和交互。我们需要通过类似js中异步请求处理,这里总结我所了解到的,方便自己记忆,也方便别人的浏览。1.AsyncTasknewAysncTask().execute();AsyncTask会
Stella981 Stella981
3年前
Fragment和FragmentActivity的使用方法 .
认识:首先我们知道Fragment是我们在单个Activity上要切换多个UI界面,显示不同内容。模块化这些UI面板以便提供给其他Acitivity使用便利。同时我们显示的Fragment也会受到当前的这个Acitivity生命周期影响。(而平常的Fragment有其自己的生命周期)一、使用方法:1、创建一个或者多个你需要的Fragment类,其实就
Wesley13 Wesley13
3年前
Android API Level、sdk版本与发行日期 对照表
我们在项目开发过程中,常常需要查看APILevel和sdk版本,来进行一些方法的调用,有时候还需知道对应发布的时间,可以来了解我们最低兼容到的版本是什么时候发布的。在这里贴出来方便以后查看:https://developer.android.com/guide/topics/manifest/usessdkelement.html
Stella981 Stella981
3年前
Android 屏幕适配方案
1、概述大家在Android开发时,肯定会觉得屏幕适配是个尤其痛苦的事,各种屏幕尺寸适配起来蛋疼无比。如果我们换个角度我们看下这个问题,不知道大家有没有了解过web前端开发,或者说大家对于网页都不陌生吧,其实适配的问题在web页面的设计中理论上也存在,为什么这么说呢?电脑的显示器的分辨率、包括手机分辨率,我敢说分辨率的种类远超过Android