Android ConstraintLayout 属性简易介绍

最新推荐文章于 2024-03-25 00:56:25 发布

索拉卡暴击

最新推荐文章于 2024-03-25 00:56:25 发布

阅读量630

点赞数

CC 4.0 BY-SA版权

分类专栏： android android UI小技巧文章标签： android 布局

本文链接：https://blog.youkuaiyun.com/u011484134/article/details/80090818

android 同时被 2 个专栏收录

26 篇文章

订阅专栏

android UI小技巧

3 篇文章

订阅专栏

本文详细介绍了Android ConstraintLayout的各种属性，包括位置属性、控件对齐方式、辅助线设置、偏移百分比、宽高比控制、大小控制等。此外还提到了ConstraintLayout动画的实现方法。

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

Android ConstraintLayout 属性简易介绍

一、位置属性

app:layout_constraintLeft_toLeftOf
app:layout_constraintLeft_toRightOf
app:layout_constraintRight_toLeftOf
app:layout_constraintRight_toLeftOf
app:layout_constraintTop_toTopOf
app:layout_constraintTop_toBottomOf
app:layout_constraintBottom_toTopOf
app:layout_constraintBottom_toBottomOf
app:layout_constraintStart_toEndOf
app:layout_constraintStart_toStartOf
app:layout_constraintEnd_toStartOf
app:layout_constraintEnd_toStartOf

二、控件与某个控件水平对齐

app:layout_constraintBaseline_toBaselineOf

三、android.support.constraint.Guideline 辅助线

android:orientation
配合
app:layout_constraintGuide_begin
app:layout_constraintGuide_end
app:layout_constraintGuide_percent
实现辅助线功能，方便看效果，，，貌似也没啥卵用

四、偏移百分比

app:layout_constraintHorizontal_bias //水平方向
app:layout_constraintVertical_bias //垂直方向

注意配合以下约束使用
app:layout_constraintLeft_toLeftOf=”parent”
app:layout_constraintRight_toRightOf=”parent”
app:layout_constraintTop_toTopOf=”parent”
app:layout_constraintBottom_toBottomOf=”parent”

五、设置宽高比

app:layout_constraintDimensionRatio
使用则需要把宽（layout_width）或者高（layout_height）设置为0dp

六、大小控制

` app:layout_constraintHorizontal_weight=”1”

app:layout_constraintVertical_weight=”1”
`
1. 实现水平方向线性布局，所有的View都必须设置左右边界控制属性，而且相互控制（相邻的两个View说清楚谁在谁的左/右/上/下）
2. 实现比重大小控制，必须设置layout_width=”0dp”

七、其他

app:layout_goneMarginLeft

八、Constraint Layout 动画

ConstraintLayout通过结合ConstraintSet和TransitionManager，可方面的实现一些简单Constraint Layout动画，如果需要实现复杂动画，请了解Android Transition。

//The left margin to use when the target is gone.

app:layout_goneMarginTop

//The top margin to use when the target is gone.

app:layout_goneMarginRight

//The right margin to use when the target is gone

app:layout_goneMarginBottom

//The bottom margin to use when the target is gone.

app:layout_goneMarginStart

//The start margin to use when the target is gone.

app:layout_goneMarginEnd

//The end margin to use when the target is gone.

参考链接:
http://www.jianshu.com/p/c60f787817ad

GitHub代码:
https://github.com/AriesJiang/AriesDemo/blob/master/app/src/main/java/com/niqiu/ui/ConstraintLayoutActivity.java

我的笔记系列:
https://github.com/AriesJiang/AriesDemo/blob/master/note