
ConstraintLayout
ConstraintLayout 约束布局
韩曙亮
闭关修炼中
-
原创 【约束布局】ConstraintSet 约束集 ( 简介 | 约束属性集合 | 约束集初始化 | 约束集应用到布局中 | 关键帧动画 | TransitionManager 使用 )
I . ConstraintSet 约束集 简介II . ConstraintSet 约束集中封装的约束属性及操作 示例III . ConstraintSet 约束集 初始化方法IV . ConstraintSet 约束集 应用到 约束布局 ConstraintLayout 中V . ConstraintSet 关键帧动画VI . ConstraintSet 关键帧动画 代码流程VII . ConstraintSet 关键帧动画 支持的属性VIII . ConstraintSet 关键帧动画2020-05-09 20:30:50498
0
-
原创 【约束布局】ConstraintLayout 屏障 Barrier 约束 ( 简介 | 屏障适用场景 | 位置说明 | 相关属性 | 可视化操作 | 代码示例 | 总结 )
I . 屏障 Barrier 约束 简介II . 屏障线 Barrier 与 引导线 Guideline 对比III . 屏障 Barrier 适用场景IV . 屏障 Barrier 位置说明V . 屏障 Barrier 相关属性VI . 屏障 Barrier 可视化操作VII . 屏障 Barrier 代码示例VIII . 屏障 Barrier 总结2020-05-08 22:57:37984
2
-
原创 【约束布局】ConstraintLayout 引导线 Guideline 约束 ( 简介 | 可视化操作 | 属性 | 水平引导线 | 垂直引导线 | 开始结束尺寸 | 百分比位置 | 约束组件 )
I . Guideline 引导线 总结II . Guideline 引导线 简介III . Guideline 引导线 可视化操作IV . Guideline 引导线 属性V . Guideline 引导线 位置定义 方式切换VI . Guideline 引导线 约束 其它组件VII . Guideline 代码示例2020-05-08 13:02:562225
1
-
原创 【约束布局】ConstraintLayout 之 Chains 链式约束 ( Chains 简介 | 代码 及 布局分析 | 链头设置 | 间距设置 | 风格设置 | 权重设置 )
1. 链 简介( 1 ) Chains ( 链 ) 简介2. 创建 链 及 分析 生成的代码( 1 ) 创建水平链( 2 ) 链创建后的代码及样式( 3 ) 链创建后 生成的 代码( 4 ) 生成的 链 代码分析3. 链头 及 链的间距( 1 ) 链头设置( 2 ) 链 间距4. 链 的 三种风格( 1 ) 链 风格设置( 2 ) 链 的 三种风格2019-07-09 22:22:522246
3
-
原创 【约束布局】ConstraintLayout 13 种相对定位属性组合 ( 属性组合 | 用法说明 )
相对定位简介相对定位属性组合前提条件相对定位 Left Right 四种组合属性相对定位 Start End 四种组合属性相对定位 Top Bottom 四种组合属性相对定位控件约束细节 ( 被约束的边的具体位置 )2019-07-23 22:26:07432
0
-
原创 【约束布局】ConstraintLayout 偏移 ( Bias ) 计算方式详解 ( 缝隙比例 | 计算公式 | 图解 | 测量图 + 公式 )
Bias 属性使用前提水平偏移 属性 ( app:layout_constraintHorizontal_bias )垂直偏移 属性 ( app:layout_constraintVertical_bias )代码 + 测量图 + 公式 ( 不清楚的可以对着测量图和公式变量自己算 )2019-07-24 23:26:032339
1
-
原创 【约束布局】ConstraintLayout 约束布局 ( 简介 | 引入依赖 | 基本操作 | 垂直定位约束 | 角度定位约束 | 基线约束 )
一. ConstraintLayout 简介1. 引入 约束 布局( 1 ) 约束性布局 作用 和 简介2. 约束 简介( 1 ) 约束个数要求( 2 ) 约束设置 与 显示位置3. ConstraintLayout 引入( 1 ) ConstraintLayout 依赖添加( 2 ) ConstraintLayout 转换 与 添加二. ConstraintLayout 约束 的 基本操作1. 约束基本操作( 1 ) Design ( 设计 ) 和 Bluepr2019-06-28 20:12:11569
1
-
原创 【约束布局】ConstraintLayout 组件可见性 View.GONE 处理 与 Margin 属性 ( 约束布局可见性处理 | goneMargin 属性 )
相对定位 Margin 属性可见性改变后的行为处理 ( Visibility Behavior )组件设置 GONE 属性示例被 约束到不可见组件 后 Margin 属性 表现goneMargin 属性示例2019-07-25 22:04:004117
0