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

举报
韩曙亮 发表于 2022/01/11 01:25:21 2022/01/11
【摘要】 文章目录 相对定位简介相对定位属性组合前提条件相对定位 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

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。