Android ImageFilterView详解（九）

柔情只为你懂 2024-03-31 08:27 68阅读 0赞

### 一、ImageFilterView简介 ###

在以往的实践中，我们想展示一个圆角图片或者一个圆形图片，往往需要自己去定义样式。在ConstraintLayout 2.0出来后，提供了一个圆角控件ImageFilterView，使用更加方便，并且可实现简单的滤镜功能。 此外，ImageFilterButton也具有同样的功能。

### 二、ImageFilterView属性介绍及示例 ###

*  app:round：圆角大小。取值0-size/2之间，默认0，无圆角；对于正方形来说，取值size/2就是圆形。

<androidx.constraintlayout.utils.widget.ImageFilterView
            android:id="@+id/imageFilterView"
            android:layout_width="200dp"
            android:layout_height="100dp"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="20dp"
            android:scaleType="centerCrop"
            app:round="20dp"
            app:srcCompat="@drawable/winter"/>

![c897d172050c4285876b3e0ddfb38b1e.png][]

*  app:roundPercent：圆角大小百分比。取值0-1之间，默认0，无圆角；对于正方形来说，1就是圆形。和app:round意思一样，只不过一个是具体的大小，一个是百分比。
 *  app:altSrc：覆盖在src上面的交叉图片。一般跟app:crossfade一起使用，app:crossfade为交叉图透明度，取值0-1，默认0为交叉图完全透明，只显示下面的src图片。取值1交叉图完全展示，覆盖到src图片上。

可以看到，src和altSrc设置的两张图片叠加在了一起，上方的图片透明度为0.3。

![d7010ace97334c6abddcac00c22db180.png][]

*  app:saturation：饱和度。默认值为1，0为灰阶样式，大于1的数值都是超饱和状态。

![1856c28c4f6d410d90a08db6f536d3e3.png][]

*  app:brightness：亮度。默认值为1，值越大亮度越高。
 *  app:warmth：色温。默认值为1，小于1是冷色调，大于1是暖色调。

![1f7a79d4ee194e39850e41e341f9f4d5.png][]

*  app:contrast：对比度。默认值为1，为0时图片全黑，大于1的数值都是高对比度状态。

![ef2ec4d58481486ebb08a9ea5b59f7da.png][]

*  app:overlay：官方释义：定义alt图像是在原始图像的顶部淡入，还是与其交叉淡入。默认值为true。对于半透明对象设置为false。

原创不易，点个赞再走呗。。。

![401ee1f22c4242da85cde9723f18e1c0.jpeg][]

[c897d172050c4285876b3e0ddfb38b1e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/b43d3fc1b7c24df1a57dd9d9f323a4bc.png
[d7010ace97334c6abddcac00c22db180.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/ef731d3faa4e45d692dca5c855f5d87c.png
[1856c28c4f6d410d90a08db6f536d3e3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/555cf9cd135e494ba1c13650058fde31.png
[1f7a79d4ee194e39850e41e341f9f4d5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/ad9d07e6a82b4914930ef208ad8cfdf1.png
[ef2ec4d58481486ebb08a9ea5b59f7da.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/cc2162ae959247e386ab5e5a8ff79e82.png
[401ee1f22c4242da85cde9723f18e1c0.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/d7918ae53d794da3900a8fc79bf34657.jpeg