
ConstraintLayout
文章平均质量分 83
ConstraintLayout 约束布局
韩曙亮
中国人民大学硕士 , 专注于 移动开发 领域 , 博客专家 , 2023 年博客之星 TOP1 , 2021 年博客之星 TOP9 , 华为云 云享专家 , 阿里云社区 专家博主 , 51CTO 专家博主 ;
展开
-
【约束布局】使用 Design 模式编辑 ConstraintLayout 约束布局 ( 添加 Guideline 引导线 | 添加 FragmentContainerView )
一、使用 Design 模式编辑 ConstraintLayout 约束布局1、添加 Guideline 引导线2、添加 Fragment13、添加 Fragment2原创 2023-03-11 10:48:09 · 4305 阅读 · 35 评论 -
【约束布局】ConstraintLayout 屏幕适配案例 ( 使用代码生成约束布局控件属性 )
一、ConstraintLayout 屏幕适配案例、二、使用代码生成约束布局原创 2022-06-07 09:24:09 · 1038 阅读 · 0 评论 -
【约束布局】ConstraintSet 约束集 ( 简介 | 约束属性集合 | 约束集初始化 | 约束集应用到布局中 | 关键帧动画 | TransitionManager 使用 )
I . ConstraintSet 约束集 简介II . ConstraintSet 约束集中封装的约束属性及操作 示例III . ConstraintSet 约束集 初始化方法IV . ConstraintSet 约束集 应用到 约束布局 ConstraintLayout 中V . ConstraintSet 关键帧动画VI . ConstraintSet 关键帧动画 代码流程VII . ConstraintSet 关键帧动画 支持的属性VIII . ConstraintSet 关键帧动画原创 2020-05-09 20:30:50 · 6144 阅读 · 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:37 · 8505 阅读 · 2 评论 -
【约束布局】ConstraintLayout 引导线 Guideline 约束 ( 简介 | 可视化操作 | 属性 | 水平引导线 | 垂直引导线 | 开始结束尺寸 | 百分比位置 | 约束组件 )
I . Guideline 引导线 总结II . Guideline 引导线 简介III . Guideline 引导线 可视化操作IV . Guideline 引导线 属性V . Guideline 引导线 位置定义 方式切换VI . Guideline 引导线 约束 其它组件VII . Guideline 代码示例原创 2020-05-08 13:02:56 · 17295 阅读 · 2 评论 -
【约束布局】ConstraintLayout 之 Chains 链式约束 ( Chains 简介 | 代码 及 布局分析 | 链头设置 | 间距设置 | 风格设置 | 权重设置 )
1. 链 简介( 1 ) Chains ( 链 ) 简介2. 创建 链 及 分析 生成的代码( 1 ) 创建水平链( 2 ) 链创建后的代码及样式( 3 ) 链创建后 生成的 代码( 4 ) 生成的 链 代码分析3. 链头 及 链的间距( 1 ) 链头设置( 2 ) 链 间距4. 链 的 三种风格( 1 ) 链 风格设置( 2 ) 链 的 三种风格原创 2019-07-09 22:22:52 · 7727 阅读 · 3 评论 -
【约束布局】ConstraintLayout 13 种相对定位属性组合 ( 属性组合 | 用法说明 )
相对定位简介相对定位属性组合前提条件相对定位 Left Right 四种组合属性相对定位 Start End 四种组合属性相对定位 Top Bottom 四种组合属性相对定位控件约束细节 ( 被约束的边的具体位置 )原创 2019-07-23 22:26:07 · 3112 阅读 · 0 评论 -
【约束布局】ConstraintLayout 偏移 ( Bias ) 计算方式详解 ( 缝隙比例 | 计算公式 | 图解 | 测量图 + 公式 )
Bias 属性使用前提水平偏移 属性 ( app:layout_constraintHorizontal_bias )垂直偏移 属性 ( app:layout_constraintVertical_bias )代码 + 测量图 + 公式 ( 不清楚的可以对着测量图和公式变量自己算 )原创 2019-07-24 23:26:03 · 23266 阅读 · 5 评论 -
【约束布局】ConstraintLayout 约束布局 ( 简介 | 引入依赖 | 基本操作 | 垂直定位约束 | 角度定位约束 | 基线约束 )
一. ConstraintLayout 简介1. 引入 约束 布局( 1 ) 约束性布局 作用 和 简介2. 约束 简介( 1 ) 约束个数要求( 2 ) 约束设置 与 显示位置3. ConstraintLayout 引入( 1 ) ConstraintLayout 依赖添加( 2 ) ConstraintLayout 转换 与 添加二. ConstraintLayout 约束 的 基本操作1. 约束基本操作( 1 ) Design ( 设计 ) 和 Bluepr原创 2019-06-28 20:12:11 · 5809 阅读 · 1 评论 -
【约束布局】ConstraintLayout 组件可见性 View.GONE 处理 与 Margin 属性 ( 约束布局可见性处理 | goneMargin 属性 )
相对定位 Margin 属性可见性改变后的行为处理 ( Visibility Behavior )组件设置 GONE 属性示例被 约束到不可见组件 后 Margin 属性 表现goneMargin 属性示例原创 2019-07-25 22:04:00 · 15588 阅读 · 2 评论