完美的蒙层方案"/>
Android 完美的蒙层方案
Android 敏捷开发助手
- Lottie动画 轻松使用
- PNG、JPG等普通图片高保真转SVG图
- Android 完美的蒙层方案
- Android MMKV框架引入使用
- 强大无匹的自定义下拉列表
- 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()就能进行简单快捷的蒙层,其深层原理,大家可以看源码进一步分析。
- 方案一
val colorMatrix = ColorMatrix()colorMatrix.setSaturation(percent)val colorFilter = ColorMatrixColorFilter(colorMatrix)mBinding.image.colorFilter = colorFilter
- 方案二
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>>
相关链接:
- Lottie动画 轻松使用
- PNG、JPG等普通图片高保真转SVG图
- Android 完美的蒙层方案
- Android MMKV框架引入使用
- 强大无匹的自定义下拉列表
- Google Protobuf 实践使用开发
扩展链接:
- Android CameraX 使用入门
- Android 今日头条屏幕适配详细使用攻略
- Android 史上最新最全的ADB及命令百科,没有之一
扩展训练:
- lottie的基本使用
- LottieAnimationView控件进行何样的自定义设定
- Android View蒙层
博客书写不易,您的点赞收藏是我前进的动力,千万别忘记点赞、 收藏 ^ _ ^ !
更多推荐
Android 完美的蒙层方案
发布评论