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

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

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

约束布局ConstraintLayout看这一篇就够了
目录 1.介绍 2.为什么要用ConstraintLayout 3.如何使用ConstraintLayout 3.1 添加依赖 3.2 相对定位 3.3 角度定位 3.4 边距 3.5 居中和偏移 3 ...
约束布局ConstraintLayout（官翻篇）
目录 ConstraintLayout Relative positioning 相对定位 Margins 间距当关联的控件可见性是GONE的时候 Centering positioning and ...
Android开发笔记（一百四十九）约束布局ConstraintLayout
约束布局ConstraintLayout是Android Studio 2.2推出的新布局,并从Android Studio 2.3开始成为默认布局文件的根布局,由此可见Android官方对其寄予厚望 ...
Android ：约束布局ConstraintLayout 之 Chains 链式约束
ConstraintLayout Chains 链式约束 1. 链简介 ( 1 ) Chains ( 链 ) 简介 2. 创建链及分析生成的代码 ( 1 ) 创建水平链 ( 2 ) 链创建后 ...
约束布局ConstraintLayout加快布局速度
Android Studio2.2更新布局设计器,同时,引人了约束布局ConstraintLayout. 简单来说,可以把它看做是相对布局的升级版本,但是区别与相对布局更加强调约束.何为约束,即控件之 ...
约束布局ConstraintLayout
文章目录一,背景二,控件优点三,项目中引入四,基本使用 4.1 相对位置 4.2 尺寸约束 4.3 宽高比 Ratio 4.4 百分比宽高 Percent 4.5 偏移量 bias 4.6 圆 ...
Android第二讲笔记（约束布局ConstraintLayout）
目录为什么要使用约束布局ConstraintLayout? 约束布局基本属性约束布局简单使用方法示例示例一(仿QQ消息) 示例二(仿微信登陆界面) 示例三(仿QQ音乐界面) 补充写在最后 S ...
约束布局 ConstraintLayout 的使用
目录前言 1.将ConstraintLayout添加到项目中 2.基本规则 3.示例讲解 3.1居中对齐 3.2 排列 3.3引导线Guideline 3.4计算器示例 3.5宽高比示例 3.6Ch ...
约束布局constraint-layout导入失败的解决方案 - 转
今天有同事用到了约束布局,但是导入我的工程出现错误 **提示错误: Could not find com.Android.support.constraint:constraint-layout: ...

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

文章目录

相对定位简介

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

相对定位 Left Right 四种组合属性

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

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

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

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

最新文章

热门文章