概述

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

重要的是Guideline是不会显示到界面上的,默认是GONE的。

Guideline还有三个重要的属性,每个Guideline只能指定其中一个:

layout_constraintGuide_begin,指定左侧或顶部的固定距离,如100dp,在距离左侧或者顶部100dp的位置会出现一条辅助线

layout_constraintGuide_end,指定右侧或底部的固定距离,如30dp,在距离右侧或底部30dp的位置会出现一条辅助线

layout_constraintGuide_percent,指定在父控件中的宽度或高度的百分比,如0.8,表示距离顶部或者左侧的80%的距离。

垂直-start


Guideline
Guideline

XML文件

Guideline
Guideline

Activity实现

Guideline

垂直-end


Guideline


Guideline

XML文件

Guideline
Guideline

Activity实现

Guideline

水平-top

Guideline


Guideline


XML文件

Guideline
Guideline

Activity实现

Guideline

水平-bottom


Guideline


Guideline

XML文件

Guideline

Activity文件

Guideline

相关文章:

  • 2021-09-08
  • 2022-12-23
  • 2022-12-23
  • 2021-12-12
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-12-08
  • 2021-08-26
  • 2021-05-17
  • 2021-07-16
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案