ConstraintLayout 2.0新特性解析（二）-- L

前言

Layer层布局和Flow流式布局都属于ConstraintHelper辅助工具类的一种，而Layer层布局可以帮我们解决多个View的共同背景色、动画等问题，也是非常实用的一个类，Layer本质是一个View，不会有层级嵌套的问题。
系列文章：
ConstraintLayout 2.0新特性解析（一）--Flow流式布局
ConstraintLayout 2.0新特性解析（二）-- Layer层布局，圆角视图
ConstraintLayout 2.0新特性解析（三）-- MockView UI原型布局，Space边距补偿，MotionLayout动画

Layer--背景色

Layer本质是一个View，可以给多个视图设置共同的背景或者动画。设置背景的话跟直接使用View占位在ConstraintLayout设置背景是一个道理，只是控制起来更灵活，更方便。
比如我们要给一个TextView和ImageView共同的背景色，相当于一个卡片背景色，这在项目中其实是很常见的：

图1

之前的做法是写一个View占位，当TextView和ImageView的背景，那么现在我们就可以用Layer实现了：

<androidx.constraintlayout.helper.widget.Layer
        android:id="@+id/layer"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:constraint_referenced_ids="text,image"
        app:layout_constraintBottom_toBottomOf="@id/image"
                android:background="@android:color/holo_blue_light"
        app:layout_constraintLeft_toLeftOf="@id/text"
        app:layout_constraintRight_toRightOf="@id/image"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:text="我是ABC"
        android:textColor="@android:color/black"
        android:textSize="21sp"
        app:layout_constraintBottom_toBottomOf="@id/image"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent" />


    <ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:src="@mipmap/ic_launcher"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

效果如图：

图2
想要扩展整个背景面板也很简单，给Layer设置一个Padding就行了：
android:padding="10dp"，就变成这样了：
图3
因为本质Layer是一个View，所以给Layer设置点击事件也相当于给整个卡片Item设置一个点击事件，非常Nice。

Layer--动画

Layer也可以给约束的View设置共同的动画，本质是给每个View设置动画，只是更便捷了一些，与Layer自身没有关系，Layer只是一个约束辅助类。

ConstraintHelper

如果Flow和Layer都满足不了需求，我们还可以继承ConstraintHelper来实现特殊的需求。
ConstraintHelper有几个方法可以供我们实现：

    public void updatePostLayout(ConstraintLayout container) {
    }

    public void updatePostMeasure(ConstraintLayout container) {
    }

    public void updatePostConstraints(ConstraintLayout constainer) {
    }

    public void updatePreDraw(ConstraintLayout container) {
    }

封装好了之后，跟Layer一样使用就行了。

圆角ImageFilterView，ImageFilterButton

印象中这应该是第一次官方提供具有圆角功能的view了吧，除了圆角功能外，ImageFilterView，ImageFilterButton还有一堆其他的功能。

• 圆角 app:round，取值0-50dp，默认0，就是方形，设置50就是圆形图片，超过50没其他意义，还是圆形图片。
• 圆角比例 app:roundPercent，取值0-1之间，默认0就是方形，1是圆形图片，同上，超过1按照1处理，还是圆形图片。
• 交叉图 app:altSrc，需要跟app:crossfade共同使用，app:crossfade取值0-1,默认0为交叉图完全透明，不展示。取值1交叉图完全展示，覆盖到src上。
  app:overlay，官方释义：定义alt图像是在原始图像的顶部淡入，还是与其交叉淡入。默认值为true。对于半透明对象设置为false。我没试过效果。
• 色温 app:warmt，float型，默认值1，小于1是冷色调，大于1是暖色调。
• 亮度 app:brightness，float型，默认1，值越大亮度越高。
• 饱和度 app:brightness，float型，默认1，取值0为灰阶样式，大于1的数值都是超饱和状态，色彩非常艳丽，有点辣眼睛。
• 对比度 app:contrast，float型，默认1，取值0相当于图片变全黑，大于1都是高对比度状态。

结语

都是些实用控件，有官方的就不需要自定义那么麻烦了。
下一篇：ConstraintLayout 2.0新特性解析（三）-- MockView UI原型布局，Space边距补偿，MotionLayout动画