Android ConstraintLayout约束布局使用详解

基本属性

可以让本View的一个方向置于目标View的一个方向,比如

layout_constraintBottom_toBottomOf:本View的下面置于目标View的下面,与此类似的还有 layout_constraintEnd_toEndOf,

layout_constraintStart_toStartOf,layout_constraintTop_toTopOf,layout_constraintBottom_toTopOf 等等。

例如,B放在A的上面,就可以让B的下面置于A的上面



    
    

Android ConstraintLayout约束布局使用详解_第1张图片

还有一个属性就是 layout_constraintBaseline_toBaselineOf,这个可以让其内部文字对齐。

Android ConstraintLayout约束布局使用详解_第2张图片

约束强度

利用 layout_constraintHorizontal_bias 和 layout_constraintVertical_bias,可以设置控件在水平和垂直方向上的偏移量,值为0-1

比如,让一个控件居中显示,我们会这样写



    

Android ConstraintLayout约束布局使用详解_第3张图片

现在,它的上下左右的剩余空间都占50%,现在我想让它的左侧剩余空间从50%变成10%,上面的剩余空间从50%变成100%,可以这么干



    

Android ConstraintLayout约束布局使用详解_第4张图片

Visibility属性

在 ConstraintLayout 布局,visibility 属性设置为 gone 的话,可以理解为该View被缩小成一个不可见的小点,而其他对其有约束的View依照该点来进行定位。

比如,现在有两个TextView

Android ConstraintLayout约束布局使用详解_第5张图片

如果这时,将A设置成不可见,那B的位置会有些改变

Android ConstraintLayout约束布局使用详解_第6张图片

这时,我们可以通过layout_goneMarginTop,layout_goneMarginBottom,layout_goneMarginStart,layout_goneMarginEnd属性来设置与之的距离,这类属性只有在A的visibility属性为gone时才会生效。



    
    

Android ConstraintLayout约束布局使用详解_第7张图片

控件宽高比

如果想实现固定宽高比的话,可以使用 layout_constraintDimensionRatio 属性,至少设置 layout_width 或 layout_height 为0



    

Android ConstraintLayout约束布局使用详解_第8张图片

子控件之间的宽高占比

我们知道,LinearLayout 可以为子控件设置 layout_weight 属性,控制子控件之间的宽高占比,ConstraintLayout也可以,对应的属性是 layout_constraintHorizontal_weight,layout_constraintVertical_weight



    
    
    

Android ConstraintLayout约束布局使用详解_第9张图片

锚向指示线

当我们需要任意位置的锚点时,可以使用Guideline来帮助定位,它的宽度和高度均为0,可见性也为GONE,它是为了帮助其他View定位而存在的,并不会出现在实际页面上。

    
    

Android ConstraintLayout约束布局使用详解_第10张图片

Chains链

Chain 链是一种特殊的约束,是用来分发链条剩余空间位置的。几个View之间通过双向连接而互相约束对方的位置的,就叫链条,像这种

Android ConstraintLayout约束布局使用详解_第11张图片

链条分为水平链条和竖直链条,分别用 layout_constraintHorizontal_chainStyle 和 layout_constraintVertical_chainStyle 两个属性来设置。 属性值有三种:spread,spread_inside,packed

layout_constraintHorizontal_chainStyle=“spread”

Android ConstraintLayout约束布局使用详解_第12张图片

layout_constraintHorizontal_chainStyle=“spread_inside”

Android ConstraintLayout约束布局使用详解_第13张图片

layout_constraintHorizontal_chainStyle=“packed”

Android ConstraintLayout约束布局使用详解_第14张图片



    
    
    

到此这篇关于Android ConstraintLayout约束布局使用详解的文章就介绍到这了,更多相关Android ConstraintLayout内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(Android ConstraintLayout约束布局使用详解)