【约束布局】ConstraintLayout 13 种相对定位属性组合 ( 属性组合 | 用法说明 )(二)

简介: 【约束布局】ConstraintLayout 13 种相对定位属性组合 ( 属性组合 | 用法说明 )(二)

相对定位 Start End 四种组合属性


相对定位 属性 四种组合 :


1.组合一 : 将 被约束组件 开始 约束到 目标组件 开始, 构成了 layout_constraintStart_toStartOf 属性 ;

image.png

2.组合二 : 将 被约束组件 开始 约束到 目标组件 结束, 构成了 layout_constraintStart_toEndOf 属性 ;

image.png

3.组合三 : 将 被约束组件 结束 约束到 目标组件 开始, 构成了 layout_constraintEnd_toStartOf 属性 ;

image.png

4.组合四 : 将 被约束组件 结束 约束到 目标组件 结束, 构成了 layout_constraintEnd_toEndOf 属性 ;

image.png



相对定位 Top Bottom 四种组合属性


相对定位 属性 四种组合 :


1.组合一 : 将 被约束组件 顶部 约束到 目标组件 顶部, 构成了 layout_constraintTop_toTopOf 属性 ;

image.png

2.组合二 : 将 被约束组件 顶部 约束到 目标组件 底部, 构成了 layout_constraintTop_toBottomOf 属性 ;

image.png

3.组合三 : 将 被约束组件 底部 约束到 目标组件 顶部, 构成了 layout_constraintBottom_toTopOf 属性 ;

image.png

4.组合四 : 将 被约束组件 底部 约束到 目标组件 底部, 构成了 layout_constraintBottom_toBottomOf 属性 ;

image.png



相对定位控件约束细节 ( 被约束的边的具体位置 )


设置相对位置约束后 :


1.产生约束联系 : 关于两个组件产生约束后的行为 , 两条边相互关联 ;

2.无法确定相对位置 : 两条边有约束联系 , 但是 不能凭借单一的约束关系确定其具体的放置方位 ;

3.约束示例 : 使用 layout_constraintLeft_toLeftOf 属性添加了约束 , 被约束组件左侧边 与 目标组件左侧边 的方位关系 , 前者是在后者的 左边 , 右边 , 还是 重叠 ; 还要看其它属性 如 :

① android:layout_marginLeft : 左侧的约束 ;

② layout_constraintHorizontal_bias : 位置偏移 ;

③ layout_constraintRight_toXXXOf : 右侧约束到哪了 ;

④ ⋯ \cdots⋯

要想用好约束布局 , 一定要精通其中的各种细节 ;


目录
相关文章
|
18天前
|
数据可视化 Android开发
Android布局——约束布局
Android布局——约束布局
|
8月前
|
前端开发 小程序 容器
|
8月前
|
前端开发 容器
|
JSON JavaScript 数据格式
for in语句,flex布局,Math对象,筛选选择器,属性操作(复习知识)
用for…in遍历数组: 循环变量x是数组的下标 用for…in遍历js对象: 循环变量x是json的成员—属性与方法名 以任意顺序遍历一个对象的可枚举属性。对于每个不同的属性,语句都会被执行。
61 0
|
Swift
Swift :SnapKit 更新约束 & label宽度自适应
Swift :SnapKit 更新约束 & label宽度自适应
1160 0
【约束布局】ConstraintLayout 13 种相对定位属性组合 ( 属性组合 | 用法说明 )(一)
【约束布局】ConstraintLayout 13 种相对定位属性组合 ( 属性组合 | 用法说明 )(一)
193 0
【约束布局】ConstraintLayout 13 种相对定位属性组合 ( 属性组合 | 用法说明 )(一)
|
XML Android开发 数据格式
【约束布局】ConstraintSet 约束集 ( 简介 | 约束属性集合 | 约束集初始化 | 约束集应用到布局中 | 关键帧动画 | TransitionManager 使用 )(一)
【约束布局】ConstraintSet 约束集 ( 简介 | 约束属性集合 | 约束集初始化 | 约束集应用到布局中 | 关键帧动画 | TransitionManager 使用 )(一)
284 0
【约束布局】ConstraintSet 约束集 ( 简介 | 约束属性集合 | 约束集初始化 | 约束集应用到布局中 | 关键帧动画 | TransitionManager 使用 )(二)
【约束布局】ConstraintSet 约束集 ( 简介 | 约束属性集合 | 约束集初始化 | 约束集应用到布局中 | 关键帧动画 | TransitionManager 使用 )(二)
393 0
【约束布局】ConstraintSet 约束集 ( 简介 | 约束属性集合 | 约束集初始化 | 约束集应用到布局中 | 关键帧动画 | TransitionManager 使用 )(二)
【约束布局】ConstraintLayout 之 Chains 链式约束 ( Chains 简介 | 代码 及 布局分析 | 链头设置 | 间距设置 | 风格设置 | 权重设置 )(一)
【约束布局】ConstraintLayout 之 Chains 链式约束 ( Chains 简介 | 代码 及 布局分析 | 链头设置 | 间距设置 | 风格设置 | 权重设置 )(一)
275 0
【约束布局】ConstraintLayout 之 Chains 链式约束 ( Chains 简介 | 代码 及 布局分析 | 链头设置 | 间距设置 | 风格设置 | 权重设置 )(一)
【约束布局】ConstraintLayout 之 Chains 链式约束 ( Chains 简介 | 代码 及 布局分析 | 链头设置 | 间距设置 | 风格设置 | 权重设置 )(三)
【约束布局】ConstraintLayout 之 Chains 链式约束 ( Chains 简介 | 代码 及 布局分析 | 链头设置 | 间距设置 | 风格设置 | 权重设置 )(三)
291 0
【约束布局】ConstraintLayout 之 Chains 链式约束 ( Chains 简介 | 代码 及 布局分析 | 链头设置 | 间距设置 | 风格设置 | 权重设置 )(三)