【约束布局】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⋯

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


目录
相关文章
|
4月前
transition复合属性同时设置元素的四个过渡属性
【10月更文挑战第6天】transition复合属性同时设置元素的四个过渡属性
319 8
th固定宽度属性
th固定宽度属性
49 0
|
3月前
|
前端开发 容器
网格布局的语法和属性
【10月更文挑战第22天】还可以进一步探索网格布局的其他特性和用法,如嵌套网格、自动布局等,以充分发挥其强大的功能。通过不断实践和经验积累,你将能够更加熟练地运用网格布局来创建美观且实用的页面布局。还可以参考相关的文档和教程,深入了解网格布局的更多细节和技巧。
51 7
|
3月前
在使用 Flexbox 布局实现自适应宽度的品字布局时,子元素的排列顺序是否可以调整?
【10月更文挑战第27天】使用Flexbox布局实现自适应宽度的品字布局时,可以通过调整HTML结构中的顺序或使用 `order` 属性来灵活地调整子元素的排列顺序,以满足不同的设计和布局需求。
|
6月前
transition复合属性
【8月更文挑战第24天】transition复合属性。
73 2
|
9月前
|
数据可视化 Android开发
Android布局——约束布局
Android布局——约束布局
html+css实战82-显示模式-标签嵌套
html+css实战82-显示模式-标签嵌套
103 0
html+css实战82-显示模式-标签嵌套
【约束布局】ConstraintLayout 13 种相对定位属性组合 ( 属性组合 | 用法说明 )(一)
【约束布局】ConstraintLayout 13 种相对定位属性组合 ( 属性组合 | 用法说明 )(一)
243 0
【约束布局】ConstraintLayout 13 种相对定位属性组合 ( 属性组合 | 用法说明 )(一)
【约束布局】ConstraintSet 约束集 ( 简介 | 约束属性集合 | 约束集初始化 | 约束集应用到布局中 | 关键帧动画 | TransitionManager 使用 )(二)
【约束布局】ConstraintSet 约束集 ( 简介 | 约束属性集合 | 约束集初始化 | 约束集应用到布局中 | 关键帧动画 | TransitionManager 使用 )(二)
480 0
【约束布局】ConstraintSet 约束集 ( 简介 | 约束属性集合 | 约束集初始化 | 约束集应用到布局中 | 关键帧动画 | TransitionManager 使用 )(二)
【约束布局】ConstraintLayout 之 Chains 链式约束 ( Chains 简介 | 代码 及 布局分析 | 链头设置 | 间距设置 | 风格设置 | 权重设置 )(一)
【约束布局】ConstraintLayout 之 Chains 链式约束 ( Chains 简介 | 代码 及 布局分析 | 链头设置 | 间距设置 | 风格设置 | 权重设置 )(一)
344 0
【约束布局】ConstraintLayout 之 Chains 链式约束 ( Chains 简介 | 代码 及 布局分析 | 链头设置 | 间距设置 | 风格设置 | 权重设置 )(一)