I . Guideline 引导线 总结
1 . Guideline 引导线 属性 :
① 方向属性 : android:orientation=“horizontal” ; 取值 horizontal / vertical ;
② 开始尺寸定义 : app:layout_constraintGuide_begin=“22dp” ; 取值 dp 尺寸值 ; 距离 顶部 ( 水平 ) , 左侧 ( 垂直 ) 位置 ;
③ 结束尺寸定义 : app:layout_constraintGuide_end=“20dp” ; 取值 dp 尺寸值 ; 距离 底部 ( 水平 ) , 右侧 ( 垂直 ) 位置 ;
④ 百分比位置定义 : app:layout_constraintGuide_percent=“0.5” ; 取值 0 ~ 1.0 之间的小数 ;
2 . Guideline 引导线 约束 : 水平引导线 约束 垂直方向 , 垂直引导线约束水平方向 ;
II . Guideline 引导线 简介
Guideline 引导线 简介 :
① 引导线 种类 : Guideline 引导线 有 , 垂直 引导线 , 水平 引导线 两种 ;
② 引导线作用 : 这些引导线用于 约束视图组件 ;
③ 不可见 : Guideline 引导线是不可见的 , 用户在界面中看不到引导线 ;
④ 引导线定位方式 : 使用 dp 单位的尺寸值表示相对开始或结束的位置 , 或百分比值 , 基于布局的边缘 , 设定引导线的位置 ;
III . Guideline 引导线 可视化操作
Guideline 引导线 可视化工具添加 : 在 布局 设计 ( Design ) 视图中 , 点击 Guidelines 按钮 , 会弹出下面的下拉菜单 ;
① 添加垂直引导线 : “Add Vertical Guideline” 选项用于 添加垂直引导线 ;
② 添加水平引导线 : “Add Horizontal Guideline” 选项 用于添加水平引导线 ;
③ 自动生成代码 : 分别点击上述两个选项 , 添加水平和垂直引导线 , 会自动生成如下代码 :
<
androidx.constraintlayout.widget.Guideline android:id="@+id/guideline2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" app:layout_constraintGuide_begin="20dp" /> <androidx.constraintlayout.widget.Guideline android:id="@+id/guideline3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" app:layout_constraintGuide_begin="20dp" />
android:orientation=“vertical” : 表示该引导线是垂直的引导线 ;
android:orientation=“horizontal” : 表示该引导线是水平引导线 ;
app:layout_constraintGuide_begin=“20dp” : 表示该引导线距离开始位置 20dp , 如果是垂直引导线 , 该引导线距离顶部 20dp , 如果是水平引导线 , 该引导线距离容器左边缘 20dp ;
④ 自动生成效果如下 :
IV . Guideline 引导线 属性
1 . Guideline 引导线 属性 简介 : Guideline 引导线在 Constraintlayout 约束布局中 , 需要为其设置两个属性 , 分别是 使用 “android:orientation” 属性设置引导线方向 , 使用 “app:layout_constraintGuide_begin” , “app:layout_constraintGuide_end” 或 “layout_constraintGuide_percent” 设置引导线在对应的方向 ( 水平 / 垂直 ) 上 , 相对于边缘 ( 左边缘 / 上边缘 ) 的位置 ;
2 . 设置 Guideline 方向 :
① 水平方向 : 引导线是 从左到右 水平方向的 ;
android:orientation="horizontal"
② 垂直方向 : 引导线是 从上到下 垂直方向的 ;
android:orientation="vertical"
3 . 按照百分比设置 Guideline 位置 :
① 水平方向 : 设置的是 引导线 距离 顶部边缘 的距离 , 占父容器高度的百分比 ;
② 水平方向 : 设置的是 引导线 距离 左边边缘 的距离 , 占父容器宽度的百分比 ;
app:layout_constraintGuide_percent="0.5"
4 . 按照 尺寸 设置 Guideline 位置 ( 相对于开始位置 ) :
① 水平引导线 : 设置的是 引导线 距离 顶部边缘 的距离 ;
② 垂直引导线 : 设置的是 引导线 距离 左侧边缘 的距离 ;
app:layout_constraintGuide_begin="20dp"
5 . 按照 尺寸 设置 Guideline 位置 ( 相对于结束位置 ) :
① 水平引导线 : 设置的是 引导线 距离 底部边缘 的距离 ;
② 垂直引导线 : 设置的是 引导线 距离 右侧边缘 的距离 ;
app:layout_constraintGuide_end="20dp"
