布局之ConstraintLayout 约束布局

简介: 布局之ConstraintLayout 约束布局

布局之ConstraintLayout 约束布局


ConstraintLayout 在测量/布局阶段的性能比 RelativeLayout大约高40%!使用的性能检测工具是Android 7.0(API 级别 24)中引入的 OnFrameMetricsAvailableListener通过该类,你可以收集有关应用界面渲染的逐帧时间信息,进而比较分析不同布局每次测量和布局操作所花费的时间。


Android引用方式

implementation 'com.android.support.constraint:constraint-layout:1.1.3'

Androidx引用方式

implementation 'androidx.constraintlayout:constraintlayout:1.1.3'

androidStudio支持一键将已有的布局文件转成ConstraintLayout

image.png

属性


1、layout_constraintXXX_toYYYOf


xxx表示该控件在什么个方向的约束,YYY表示该控件参考的控件的方向,它们的可以是 left/right/top/bottom/start/end的任意一种,包含了水平方向和垂直方向的约束,属性的值为目标控件的id

例如:layout_constraintLeft_toRightOf:该控件的左边在参考控件的右边

image.png

2. match_constraint

充满布局match_parent已不再适用 如设置match_parent会把其他布局覆盖 ,在ConstraintLayout 应设置相应方向0dp,在调整相应方向的app:layout_constraintXXX_toYYYOf=“parent”,

设置该控件在布局同方向上。


设置match_parent:

image.png

设置0dp 奇迹了


image.png

3. 宽高比layout_constraintDimensionRatio

感觉设置了layout_constraintDimensionRatio属性屏幕适配都搞定了(只是感觉)


app:layout_constraintDimensionRatio="2:1属性表示宽高比为2:1,在已经限定控件宽度为300dp时,高度指定为0dp则可自己算出实际高度

image.png

目录
相关文章
|
6月前
|
Android开发
Android Studio入门之常用布局的讲解以及实战(附源码 超详细必看)(包括线性布局、权重布局、相对布局、网格布局、滚动视图 )
Android Studio入门之常用布局的讲解以及实战(附源码 超详细必看)(包括线性布局、权重布局、相对布局、网格布局、滚动视图 )
597 0
|
6月前
|
编解码 算法 开发者
Flutter的布局系统:深入探索布局Widget与布局原则
【4月更文挑战第26天】Flutter布局系统详解,涵盖布局Widget(Row/Column、Stack、GridView/ListView、CustomSingleChildLayout)和布局原则(弹性布局、约束优先、流式布局、简洁明了)。文章旨在帮助开发者理解并运用Flutter的布局系统,创建适应性强、用户体验佳的界面。通过选择合适的布局Widget和遵循原则,可实现复杂且高效的UI设计。
|
6月前
|
数据可视化 Android开发
Android布局——约束布局
Android布局——约束布局
|
6月前
|
XML 数据可视化 Java
Android布局——线性布局、相对布局、帧布局、表格布局、网格布局、约束布局
Android布局——线性布局、相对布局、帧布局、表格布局、网格布局、约束布局
136 1
|
6月前
|
XML Java Android开发
Android Studio中视图基础之设置视图的宽高、间距、对齐方式的讲解与实战(附源码 超详细必看)
Android Studio中视图基础之设置视图的宽高、间距、对齐方式的讲解与实战(附源码 超详细必看)
372 0
|
XML Android开发 数据格式
一个Adapter+recycleview实现多种布局,区分布局中
最近因为需要所以学习了一下recycleview,使用Adapter修饰器修饰,使用一个Adapter+recycleview实现多种布局,而不是之前的三个Adapter在同一个recycleview中实现三个布局。点击区分布局中的gridview的图片和姓名。
54 0
|
XML Android开发 数据格式
控件布局(View)叠加效果
控件布局(View)叠加效果
|
XML Android开发 数据格式
像ConstraintLayout一样分解你的布局
A.布局 简单总结一下,不要记忆,记忆,记忆,重要的事情说三遍
161 0
像ConstraintLayout一样分解你的布局
|
Android开发 容器
Android 实现控件对称布局(约束布局和线性布局)
画界面时会遇到很多界面上的布局,虽然很简单,但是每次做起来不熟练,总结一下一些日常的
ConstraintLayout实战小技巧—实现布局跟随效果
ConstraintLayout实战小技巧—实现布局跟随效果