ConstraintLayout约束布局的应用

最新推荐文章于 2024-04-29 07:18:55 发布
最新推荐文章于 2024-04-29 07:18:55 发布
阅读量329 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： Android工具类 文章标签： Android布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_40917517/article/details/80434842
本文介绍了Android的ConstraintLayout，通过在build.gradle中引入，详细解析了54个布局属性，包括尺寸、位置约束等，并提及在创建两视图交错叠加效果时的应用。推荐学习资源：《ConstraintLayout 终极秘籍（上）》、《ConstraintLayout之Barrier》、《ConstraintLayout完全解析》和《ConstraintLayout 完全解析--鸿洋》。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

首先需要引入我们的ConstraintLayout，在build.gradle中加入：

compile 'com.android.support.constraint:constraint-layout:1.0.2'

ConstraintLayout 布局属性

ConstraintLayout 中的 Constraint 为名词（翻译为：约束;限制;强制），所以顾名思义该布局在每个在子 View 上添加各种约束条件来控制每个子 View 所处的位置以及显示的尺寸。ConstraintLayout 在 1.0 版本有如下 54 个布局属性：

  1. android_maxHeight

  2. android_maxWidth

  3. android_minHeight

  4. android_minWidth

  5. android_orientation

  6. layout_constraintBaseline_creator

  7. layout_constraintBaseline_toBaselineOf

  8. layout_constraintBottom_creator

  9. layout_constraintBottom_toBottomOf

  10. layout_constraintBottom_toTopOf

  11. layout_constraintDimensionRatio

  12. layout_constraintEnd_toEndOf

  13. layout_constraintEnd_toStartOf

  14. layout_constraintGuide_begin

  15. layout_constraintGuide_end

  16. layout_constraintGuide_percent

  17. layout_constraintHeight_default

  18. layout_constraintHeight_max

  19. layout_constraintHeight_min

  20. layout_constraintHorizontal_bias

  21. layout_constraintHorizontal_chainStyle

  22. layout_constraintHorizontal_weight

  23. layout_constraintLeft_creator

  24. layout_constraintLeft_toLeftOf

  25. layout_constraintLeft_toRightOf

  26. layout_constraintRight_creator

  27. layout_constraintRight_toLeftOf

  28. layout_constraintRight_toRightOf

  29. layout_constraintStart_toEndOf

  30. layout_constraintStart_toStartOf

  31. layout_constraintTop_creator

  32. layout_constraintTop_toBottomOf

  33. layout_constraintTop_toTopOf

  34. layout_constraintVertical_bias

  35. layout_constraintVertical_chainStyle

  36. layout_constraintVertical_weight

  37. layout_constraintWidth_default

  38. layout_constraintWidth_max

  39. layout_constraintWidth_min

  40. layout_editor_absoluteX

  41. layout_editor_absoluteY

  42. layout_goneMarginBottom

  43. layout_goneMarginEnd

  44. layout_goneMarginLeft

  45. layout_goneMarginRight

  46. layout_goneMarginStart

  47. layout_goneMarginTop

  48. layout_optimizationLevel

  49. layout_marginStart

  50. layout_marginEnd

  51. layout_marginLeft

  52. layout_marginTop

  53. layout_marginRight

  54. layout_marginBottom

各个属性看名称应该就会用了，不在详细介绍。

我学习时参看的四篇文章

ConstraintLayout 终极秘籍（上）

ConstraintLayout之Barrier

ConstraintLayout完全解析

ConstraintLayout 完全解析--鸿洋

 

我主要想记录的是两个view交错叠加是的效果，类似 

约束布局ConstraintLayout
GeofferySun的专栏
04-21 2818
国际惯例，官网参考文档是最好的学习资料： 使用 ConstraintLayout 构建自适应界面 1，背景 约束布局 ConstraintLayout 是最受欢迎的 Jetpack 库之一，其实是Android Studio 2.2中主要的新增功能之一，也是 Google 在2016年的 I/O 大会上重点宣传的一个功能。AS 已经将它作为新建页面默认布局了。经历这几年的迭代，功能已经非常的成熟，现在 2.0 正式版本也发布了，也许你已熟悉了旧版本中的功能，并开始用它来快速构建复杂的页面布局，而新版本除了包
Android ConstraintLayout 约束布局
最新发布
前期后期
07-27 736
（1）第一个：删除所有约束布局（2）第二个：自动推断要添加的约束（3）第三个：自动横向，竖向拉伸（3）第四个：设置对齐方式（5）第五个：增加辅助工具，引导线，用于控件的参考对象。
约束布局ConstraintLayout看这一篇就够了
weixin_34167819的博客
09-27 3482
目录 1.介绍 2.为什么要用ConstraintLayout 3.如何使用ConstraintLayout 3.1 添加依赖 3.2 相对定位 3.3 角度定位 3.4 边距 3.5 居中和偏移 3.6 尺寸约束 3.7 链 4.辅助工具 4.1 Optimizer 4.2 Barrier 4.3 Group 4.4 Placeholder 4.5.Guideline 5.总结 1.介绍 约...
约束布局简单使用
weixin_42046692的博客
04-03 872
要在项目中使用 ConstraintLayout，我们需要在 build.gradle 中添加依赖（新版 AndroidStudio 会默认添加）： implementation 'com.android.support.constraint:constraint-layout:1.1.3' 创建布局 =其实都知道 约束布局 根布局就用 ConstraintLayout： <androi...
ConstraintLayout约束布局
Smile.L.B的博客
11-08 562
郭霖：http://blog.youkuaiyun.com/guolin_blog/article/details/53122387 鸿洋：http://mp.weixin.qq.com/s/vI-fPaNoJ7ZBlZcMkEGdLQ
android 约束布局 性能,Android ConstraintLayout约束布局完全解析
weixin_39887546的博客
05-26 899
布局优化是性能优化的一个方向点，包括了根据需求应该选用哪种布局容器、ViewStub懒加载，如何减少布局层级等，今天我们要探讨的就是如何使用ConstraintLayout来优化我们的布局层级。概述.png提出问题为什么要用这个布局？怎么用这个布局？不足在哪里？优势ConstraintLayout就是为性能而生，目标就是减少布局嵌套，提高measure+layout性能，来看看官方给出的数据。性能...
Android-第二节ConstraintLayout（约束布局）
2301_82243733的博客
04-29 1255
其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。上面分享的腾讯、头条、阿里、美团、字节跳动等公司2019-2021年的高频面试题，博主还把这些技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，上面只是以图片的形式给大家展示一部分。【Android思维脑图（技能树）】知识不体系？
android demo，ConstraintLayout （约束布局）
05-28
**约束布局(ConstraintLayout)是Android开发中一种强大的布局工具，尤其在构建复杂用户界面时，它的灵活性和高效性使其成为首选。这个“android demo”是专门为开发者展示如何使用ConstraintLayout设计界面而创建的...
【约束布局】ConstraintLayout 约束布局 ( 简介 | 引入依赖 | 基本操作 | 垂直定位约束 | 角度定位约束 | 基线约束 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
06-28 6033
一. ConstraintLayout 简介 1. 引入 约束 布局 ( 1 ) 约束性布局 作用 和 简介 2. 约束 简介 ( 1 ) 约束个数要求 ( 2 ) 约束设置 与 显示位置 3. ConstraintLayout 引入 ( 1 ) ConstraintLayout 依赖添加 ( 2 ) ConstraintLayout 转换 与 添加 二. ConstraintLayout 约束 的 基本操作 1. 约束基本操作 ( 1 ) Design ( 设计 ) 和 Bluepr
约束布局使用
养猪专业户
01-14 310
原文：https://blog.youkuaiyun.com/lmj623565791/article/details/78011599   
关于约束布局Constraintlayout
snoto的专栏
11-03 1387
ConstraintLayout 约束布局，说是对RelativeLayout的提升版 http://blog.youkuaiyun.com/lmj623565791/article/details/78011599?utm_source=tuicool&utm_medium=referral http://blog.youkuaiyun.com/fallfollowernolisten/...
约束布局ConstraintLayout（官翻篇）
梦想家Eva的专栏
11-15 3038
想写一篇关于约束布局ConstraintLayout的使用，看了网上其他人总结的很全面，一下子不知道自己该写什么了，索性翻译下官网文章，顺便锻炼下英文阅读能力。 原文地址： ConstraintLayout https://developer.android.com/reference/androidx/constraintlayout/widget/ConstraintLayout
Android——ConstraintLayout(约束布局)
热门推荐
The_onion的博客
11-03 1万+
约束布局ConstraintLayout 是一个ViewGroup，可以在Api9以上的Android系统使用它，它的出现主要是为了解决布局嵌套过多的问题，以灵活的方式定位和调整小部件。从 Android Studio 2.3 起，官方的模板默认使用 ConstraintLayout。
Android中的ConstraintLayout约束布局
ChenYiRan123456的博客
09-28 7453
Android中的ConstraintLayout约束布局
约束布局ConstraintLayout（学习）
秦.帆
10-28 748
简单了解 约束布局：它是为了解决什么样的问题才出现的？为了解决布局嵌套过多的问题。 RelativeLayout(相对布局)不也可以解决布局嵌套过多的问题吗？它与之相比又有何优势呢？是的。它与之相比更灵活，性能更好，而且它使用百分比来进行定位与布局，可以相对的解决屏幕适配问题。 开始使用 官方文档 1.添加依赖 implementation 'com.android.support.constraint:constraint-layout:1.1.3' 2.简单使用 <andr.
ConstraintLayout常用布局属性与实践练习
ConstraintLayout，中文直译为“约束布局”，是Android开发中一种强大的布局管理器，用于替代传统的LinearLayout和FrameLayout等。ConstraintLayout通过定义组件（如View或ViewGroup）之间的约束关系，简化复杂的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值