【Android进阶】10、用 ConstraintLayout 来布局

已于 2022-09-19 18:28:32 修改
阅读量243 收藏
点赞数
分类专栏： Android 文章标签： android ui android studio
于 2022-09-14 10:30:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiaoyangwm/article/details/126847729
版权
本文详细介绍了如何使用ConstraintLayout进行布局设计，包括布局图形编辑器的使用、转换LinearLayout为ConstraintLayout、设置布局属性、添加ImageView、动态设置列表项等步骤，以及约束的创建和编辑，展示了如何通过ConstraintLayout实现复杂布局的简洁代码实现。
摘要由CSDN通过智能技术生成

文章目录

如果需要给 RecyclerView 列表项添加样式，则需要用 ConstraintLayout，其最适合用来设计扁平或是复杂又漂亮的非嵌套布局，心智负担更小。本节我们需要实现如下图的效果：

在这里插入图片描述

我们在 /app/src/main/res 的各 drawable 文件夹中，放置资源图片，如下：

在这里插入图片描述

在 Android 显示栏可看到如下不同分辨率的图片：

在这里插入图片描述

10.1 ConstraintLayout 布局

我们可以给 ConstraintLayout 添加约束，可以把约束想象成橡皮筋，它会把

了解本专栏 订阅专栏 解锁全文 超级会员免费看
呆呆的猫
关注
专栏目录
订阅专栏
Android进阶之路 - ConstraintLayout百科全书
Android、前端、小程序、后端
07-14 1212
其实Google在2016年就已经推出了ConstraintLayout 约束布局，但当时并没有推广普及且很少人会用到 ~ 直到2018年开始约束布局才慢慢出现到了大众面前，不过用此布局的开发人员还是很少~ 最后Google为了让开发者使用约束布局直接在我们每次新建XML的时候都默认使用了ConstraintLayout （好吧，其实我有时候还会将其直接替换成LinearLayout或RelativeLayout，毕竟用的比较顺手…） 常用布局基础相对定位角度定位边距居中偏移角度定位尺寸约束链 常用布局
android 布局之ConstraintLayout的使用
08-27
主要介绍了android 布局之ConstraintLayout的使用,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Android ConstraintLayout使用进阶
magic0908的博客
10-22 1894
前言 曾经Android有五大布局，LinearLayout、FrameLayout、TableLayout、RelativeLayout和AbsoluteLayout，那会我们比较常用的布局就两三个，写xml的时候根据界面灵活选择布局，但是往往会面临布局嵌套过深的问题，阅读也不方便。随着Android生态的发展，Google后来推出了新的布局——ConstraintLayout（约束布局）。 我很快去学习并将其用在项目中，刚开始的时候觉得比较抽象难懂，各种不适应；一段时间过后，这玩意儿真香！ 本文不打算讲
Android之 约束布局ConstraintLayout
lizhichao628的专栏
09-06 74
这里写目录标题一级目录二级目录三级目录 一级目录 二级目录 三级目录
2024年安卓最新项目需求讨论 — ConstraintLayout 详细使用教程，2024年最新vue面试题面试必问
最新发布
2401_84556528的博客
05-08 730
如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。欢迎大家一起交流讨论啊~网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
Android新布局组件ConstainLayout了解使用
hn_lgc的专栏
02-05 5262
Android新布局组件ConstainLayout了解使用  一、概述 ConstrainLayout约束布局，它算是一个重量级的组件了。在Google 2016 I/O上发布的，需要Android Studio 2.2及以上的支持，使用支持包最低可支持到Android OS 2.3版本的系统上。为什么它是一个重量级的组件呢？1、Studio专门修改了xml界面的design界面用于
Android 约束布局（ConstraintLayout）详解
2301_82101470的博客
04-30 1202
今天关于面试的分享就到这里，还是那句话，有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司20年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。还有。
Android-第二节ConstraintLayout（约束布局）
2301_82243733的博客
04-29 1174
其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。上面分享的腾讯、头条、阿里、美团、字节跳动等公司2019-2021年的高频面试题，博主还把这些技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，上面只是以图片的形式给大家展示一部分。【Android思维脑图（技能树）】知识不体系？
Android ConstraintLayout 约束布局 1
2401_84149765的博客
04-13 716
目前已经更新的部分资料：《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！扫码获取！！（备注：Android）**[外链图片转存中…(img-542Cqt8P-1713000810822)][外链图片转存中…(img-wWm5ANmB-1713000810823)][外链图片转存中…(img-lKcgUppI-1713000810823)]《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
ConstraintLayout
Vincent的博客
02-06 1050
文章目录1 布局1.1 居中于父容器1.2 居中于控件中心1.2.1 水平方向居中1.2.2 垂直方向居中1.2.3 水平或垂直方向居中实现1.3 填充1.4 权重1.4 文字基准线对齐1.5 圆形定位2 特殊属性2.1 约束限制2.2 偏向2.3 控件隐藏提供边距2.4 约束链2.5 宽高比3 辅助控件4 ConstraintSet 1 布局 1.1 居中于父容器 <?xml versi...
Android Studio 约束布局[ConstraintLayout]
upward
03-03 935
<?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/...
constrain用法java_Android动画五：ConstraintLayout 通过XML和Java两种方式实现动画
weixin_30151565的博客
03-03 403
ConstraintLayout 动画的实现有两种方式实现，一种是 XML 方式实现，另外一种是Java，两者各有优点，下面就分别介绍两种实现方式，只要会 ConstraintLayout ，实现都非常简单。动画对字体、背景颜色、字体颜色、text、padding等都不生效，只对布局约束改变生效。当阅读这篇文章，我已经假设读者已经知道了 ConstraintLayout 的基本用法，如果不知道的请...
Android ConstraintLayout
丿灬安之若死
01-23 166
他的出现是为了解决嵌套层级过多的问题。 官网：https://developer.android.com/training/constraint-layout 默认布局 <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" x
关于 Android constraint layout 的 几点
lyric2006的博客
10-19 355
帮助理解Android studio 的约束布局
Android基础布局之ConstraintLayout
HAPP NEW JAVA
11-10 294
转载地址：https://blog.csdn.net/h8800830/article/details/53014661 Android基础之布局ConstraintLayout Google I/O 2016 上发布了 ConstraintLayout，据说很强大，那就一探究竟吧！ gradle配置       compile 'com.android.support.constrain...
Constraint Layout 约束布局基础使用
qxf865618770的博客
08-16 1671
Android 设备在运行，具有不同的尺寸和目标，如手机、平板电脑、电视、汽车、嵌入式硬件等，Android UI 已成为 Android 用户和开发人员非常有影响力的部分。随着构建复杂 UI 的新兴需求，google为了更好的解决适配问题，提供出来ConstraintLayout 约束布局。为什么要约束布局？在 Constraint Layout 之前，Android UI 是由线性布局、Fra...
Android约束布局ConstraintLayout
qq_54431641的博客
02-10 1388
ConstraintLayout ConstraintLayout是Android新推出的一个布局，其性能更好，连官方的hello world都用ConstraintLayout来写了。所以极力推荐使用ConstraintLayout来编写布局。 本文主要介绍一下如何使用代码来编写ConstraintLayout布局。 关于如何拖拽使用ConstraintLayout，可以去看下郭霖大神写的：Android新特性介绍，ConstraintLayout完全解析 如果对ConstraintLayout的性能比较
Learn-1
u014385442的专栏
11-02 352
Android 学习笔记
Android ConstraintLayout 约束布局的使用
weixin_42604414的博客
10-18 3318
目前Android的默认布局早已改成ConstraintLayout，但是很多小伙伴还是使用过去的相对布局，觉得老的布局用起来熟悉，新布局使用复杂，从而失去了探索新大陆的机会，今天就让我们一起揭开ConstraintLayout的面纱，掌握Android新布局的使用方法。传统的布局容易在版本迭代过程中，造成页面层级过多的问题（俄罗斯套娃），一是对页面渲染有影响，二是不利于开发者的后期维护。
Android布局优化深度解析：常规方案与进阶策略
6. 工具使用：开发者可能会使用诸如LeakCanary、Systrace等工具来检测布局内存泄漏和性能瓶颈。 7. 卡顿原因与优化：布局导致卡顿的原因可能包括过度嵌套、频繁重绘、内存消耗过大等。优化方法包括合理布局、减少重...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

呆呆的猫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值