Android 完美的蒙层方案

Android 敏捷开发助手

1. Lottie动画 轻松使用
2. PNG、JPG等普通图片高保真转SVG图
3. Android 完美的蒙层方案
4. Android MMKV框架引入使用
5. 强大无匹的自定义下拉列表
6. Google Protobuf 实践使用开发

博客创建时间：2022.05.24
博客更新时间：2023.01.28

以Android studio build=7.0.0，SDKVersion 31来分析讲解。如图文和网上其他资料不一致，可能是别的资料版本较低而已。

---

前言

产品开发中总会碰到布局蒙层需求，针对Layout、ImageView总结出不同的优秀蒙层方案，希望对大家的有用。

---

ImageView蒙层（推荐）

通过使用ImgeView的setColorFilter()就能进行简单快捷的蒙层，其深层原理，大家可以看源码进一步分析。

1. 方案一

    val colorMatrix = ColorMatrix()
    colorMatrix.setSaturation(percent)
    val colorFilter = ColorMatrixColorFilter(colorMatrix)
    mBinding.image.colorFilter = colorFilter

2. 方案二

mBinding.image.setColorFilter(resources.getColor(R.color.color10))

大家可以通过我的源码Demo>>查看该实现方式。

---

Layout 引导蒙层

假设某个页面产品需要有个蒙层页面，然后显示引导指示图，则可以使用该方案。

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
		<!--  底层布局  -->
        <androidx.constraintlayout.widget.ConstraintLayout
          .....
        </androidx.constraintlayout.widget.ConstraintLayout>

        <!--  蒙层布局，一定要设置clickable、focusable为true,否则下层Layout的会抢占焦点、透传点击事件       -->
        <include
            layout="@layout/layout_mask_include"
            android:layout_width="match_parent"
            android:clickable="true"
            android:focusable="true"
            android:layout_height="match_parent" />

    </FrameLayout>

思路也很简单，使用Framelayout上层是背景layout 、上层是蒙层layout。使用中上层布局一定要设置如下代码，否则会发生点击事件透传，背景layout中的如Button 控件会响应点击事件。

---

Layout Alpha蒙层

如果产品的要求是局部部分蒙层不可点击，那么也可以更简单的操作。

alpha蒙层方式更简单了，设置如下代码。

        mBinding.llLocal.alpha = (0.5f)
        mBinding.llLocal.isEnabled = false

总结

一些常见的不同蒙层方案总结于此，希望对爱学习的你有帮助！
有兴趣可以查看源码源码Demo>>

---

相关链接：

1. Lottie动画 轻松使用
2. PNG、JPG等普通图片高保真转SVG图
3. Android 完美的蒙层方案
4. Android MMKV框架引入使用
5. 强大无匹的自定义下拉列表
6. Google Protobuf 实践使用开发

---

扩展链接：

1. Android CameraX 使用入门
2. Android 今日头条屏幕适配详细使用攻略
3. Android 史上最新最全的ADB及命令百科，没有之一

---

扩展训练：

1. lottie的基本使用
2. LottieAnimationView控件进行何样的自定义设定
3. Android View蒙层

博客书写不易，您的点赞收藏是我前进的动力，千万别忘记点赞、 收藏 ^ _ ^ !