Android 完美的蒙层方案

完美的蒙层方案"/>

Android 完美的蒙层方案

Android 敏捷开发助手

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

Android Lottie动画

• <font color=#FF7E17>前言
• <font color=#FF7E17> ImageView蒙层（推荐）
• <font color=#FF7E17>Layout 引导蒙层
• <font color=#FF7E17>Layout Alpha蒙层
• <font color=#FF7E17> 总结

博客创建时间：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 引导蒙层

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

    <FrameLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"><!--  底层布局  --><androidx.constraintlayout.widget.ConstraintLayout.....</androidx.constraintlayout.widget.ConstraintLayout><!--  蒙层布局，一定要设置clickable、focusable为true,否则下层Layout的会抢占焦点、透传点击事件       --><includelayout="@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蒙层

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