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

相对定位属性组合前提条件

相对定位 属性 组合 前提 : 以 水平方向的 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

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