【约束布局】ConstraintLayout 13 种相对定位属性组合 ( 属性组合 | 用法说明 )
【摘要】
文章目录
相对定位简介相对定位属性组合前提条件相对定位 Left Right 四种组合属性相对定位 Start End 四种组合属性相对定位 Top Bottom 四种组合属性相对定位控件约束细节...
相对定位简介
相对定位 :
- 1.地位 : 相对定位 是 约束布局中 的 一种 创建布局的 最基础 的 组成部分 ;
- 2.作用 : 约束布局允许你去放置一个组件 , 并且与其它组件相关联 ;
- 3.约束关键字 : 你可以 在 水平方向 和 垂直方向 约束一个组件 ; 下面是 可组合的约束类型 ;
- ① 水平方向 : Left , Right , Start , End ;
- ② 垂直方向 : Top , Bottom , Text BaseLine ( 文字 基线 ) ;
- 4.相对定位类型属性统计 : 相对定位一共有 13 种 属性 , 分别是 :
- ① Left , Right 不同排列 组合成的 四种 属性 ;
- ② Start , End 不同排列 组合成的 四种 属性 ;
- ③ Top , Bottom 不同排列 组成的 四种属性 ;
- ④ Text BaseLine 基线约束 一个 属性 ;
//Left , Right 全排列 组合成的 四种 属性
layout_constraintLeft_toLeftOf
layout_constraintLeft_toRightOf
layout_constraintRight_toLeftOf
layout_constraintRight_toRightOf
//Start , End 全排列 组合成的 四种 属性
layout_constraintStart_toEndOf
layout_constraintStart_toStartOf
layout_constraintEnd_toStartOf
layout_constraintEnd_toEndOf
//Top , Bottom 全排列 组成的 四种属性 ;
layout_constraintTop_toTopOf
layout_constraintTop_toBottomOf
layout_constraintBottom_toTopOf
layout_constraintBottom_toBottomOf
//Text BaseLine 基线约束 一个 属性 ;
layout_constraintBaseline_toBaselineOf
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
相对定位属性组合前提条件
相对定位 属性 组合 前提 : 以 水平方向的 Left , Right 为例 ;
- 1.组合方式 : Left , Right 可以构成 四种 相位定位属性组合 ;
- 2.两个约束关系组件 :
- ① 被约束组件 : 将 要设置约束属性的组件 称为 被约束组件 ;
- ② 目标组件 : 将 已经放置好位置的组件 称为 目标组件 ;
- ③ 组合先后顺序 : Left 和 Left 组成 layout_constraintLeft_toLeftOf 属性 , 第一个 Left 表示 被约束组件的 Left , 第二个 Left 表示 目标组件的 Left ;
相对定位 Left Right 四种组合属性
相对定位 属性 四种组合 :
- 1.组合一 : 将 被约束组件 左侧 约束到 目标组件 左侧, 构成了 layout_constraintLeft_toLeftOf 属性 ;
- 2.组合二 : 将 被约束组件 左侧 约束到 目标组件 右侧, 构成了 layout_constraintLeft_toRightOf 属性 ;
- 3.组合三 : 将 被约束组件 右侧 约束到 目标组件 左侧, 构成了 layout_constraintRight_toLeftOf 属性 ;
- 4.组合四 : 将 被约束组件 右侧 约束到 目标组件 右侧, 构成了 layout_constraintRight_toRightOf 属性 ;
相对定位 Start End 四种组合属性
相对定位 属性 四种组合 :
- 1.组合一 : 将 被约束组件 开始 约束到 目标组件 开始, 构成了 layout_constraintStart_toStartOf 属性 ;
- 2.组合二 : 将 被约束组件 开始 约束到 目标组件 结束, 构成了 layout_constraintStart_toEndOf 属性 ;
- 3.组合三 : 将 被约束组件 结束 约束到 目标组件 开始, 构成了 layout_constraintEnd_toStartOf 属性 ;
- 4.组合四 : 将 被约束组件 结束 约束到 目标组件 结束, 构成了 layout_constraintEnd_toEndOf 属性 ;
相对定位 Top Bottom 四种组合属性
相对定位 属性 四种组合 :
- 1.组合一 : 将 被约束组件 顶部 约束到 目标组件 顶部, 构成了 layout_constraintTop_toTopOf 属性 ;
- 2.组合二 : 将 被约束组件 顶部 约束到 目标组件 底部, 构成了 layout_constraintTop_toBottomOf 属性 ;
- 3.组合三 : 将 被约束组件 底部 约束到 目标组件 顶部, 构成了 layout_constraintBottom_toTopOf 属性 ;
- 4.组合四 : 将 被约束组件 底部 约束到 目标组件 底部, 构成了 layout_constraintBottom_toBottomOf 属性 ;
相对定位控件约束细节 ( 被约束的边的具体位置 )
设置相对位置约束后 :
- 1.产生约束联系 : 关于两个组件产生约束后的行为 , 两条边相互关联 ;
- 2.无法确定相对位置 : 两条边有约束联系 , 但是 不能凭借单一的约束关系确定其具体的放置方位 ;
- 3.约束示例 : 使用 layout_constraintLeft_toLeftOf 属性添加了约束 , 被约束组件左侧边 与 目标组件左侧边 的方位关系 , 前者是在后者的 左边 , 右边 , 还是 重叠 ; 还要看其它属性 如 :
- ① android:layout_marginLeft : 左侧的约束 ;
- ② layout_constraintHorizontal_bias : 位置偏移 ;
- ③ layout_constraintRight_toXXXOf : 右侧约束到哪了 ;
- ④ ⋯ \cdots ⋯
要想用好约束布局 , 一定要精通其中的各种细节 ;
文章来源: hanshuliang.blog.csdn.net,作者:韩曙亮,版权归原作者所有,如需转载,请联系作者。
原文链接:hanshuliang.blog.csdn.net/article/details/95318253
【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)