美文网首页
App实现哀悼模式

App实现哀悼模式

作者: 大白龙 | 来源:发表于2024-08-23 12:49 被阅读0次

引言

最近开发哀悼模式的需求以应对某些特殊场景,针对两端的思想思路总结如下

解决方案

iOS:

思路:在页面上添加混合饱和过滤模式的view,使最终的颜色为灰色
注意:iOS13有效,iOS12部分有效部分无效。在业务侧使用时记得增加版本判断

UIView *overlay = [[UIView alloc] initWithFrame:self.view.bounds];
// 滤镜的背景颜色,一些鲜艳的颜色设置后会无效
overlay.backgroundColor = [UIColor lightGrayColor];
overlay.userInteractionEnabled = false;
// 设置符合过滤,混合饱和模式
overlay.layer.compositingFilter = @"saturationBlendMode"; // compositingFilter的值有如下: normalBlendMode、darkenBlendMode、multiplyBlendMode、colorBurnBlendMode、lightenBlendMode、screenBlendMode、colorDodgeBlendMode、overlayBlendMode、softLightBlendMode、hardLightBlendMode、differenceBlendMode、exclusionBlendMode、hueBlendMode、saturationBlendMode、colorBlendMode、luminosityBlendMode
// 设置图层在最上面
overlay.layer.zPosition = FLT_MAX;
[self.view addSubview:overlay];
// 如果在整个app上起作用,将这个view添加到window上即可
UIWindow *window = [[UIApplication sharedApplication].delegate window];
[window addSubview:overlay];

Android:

思路:在Activity的顶层View设置置灰实现全局置灰效果View

View view  = activity.getWindow().getDecorView();
Paint paint = new Paint();
ColorMatrix cm = new ColorMatrix();
cm.setStaturation(0);
paint.setColorFilter(new ColorMatrixColorFilter(cm));
view.setLayerType(View.LAYER_TYPE_HARDWARE, paint);

Harmony:

待补充

相关文章

  • CSS 实现哀悼模式

    给 html 元素添加下面的样式实现哀悼模式(黑白模式)

  • iOS - App一键全局变灰

    IMYAppGrayStyle 在哀悼日部分App需要全局变灰(部分页面变为灰色模式),这边使用了 layer 叠...

  • App快速实现“哀悼主题”方案

    4月4日,今天是国家,为了纪念和哀悼为新冠疫情做出努力和牺牲的烈士以及在新冠中逝去的同胞“举行全国哀悼”的日子!今...

  • iOS开发特殊日期灰色界面的实现

    全国哀悼日期间App需要整体去彩色。采用如下方式实现。先建立一个UIImageView的子类 用重写setImag...

  • iOS 实现app黑白模式

    1问题思考 2020的是被疫情覆盖的一年,在国内疫情得到控制之后,全国在4.4日举行了疫情哀悼纪念,而互联网的产物...

  • Android使用Window遮罩实现低成本夜间模式

    最近要在App中添加夜间模式,一般来说,夜间模式使用主题的方式实现,但因为App中历史遗留问题较多,更换主题的方式...

  • iOS 一键哀悼模式(灰度色盲模式)

    前阵子清明节为哀悼疫情中去世去的同胞和战士们,全国娱乐设施停业一天,各大厂商的 app 也都启动了灰度色盲模式的 ...

  • Spring 内置事件

    ApplicationContext事件机制是观察者设计模式的实现,通过ApplicationEvent类和App...

  • 扒几篇ColorMatrix

    引子 4月4日,各大App通过黑白化,表达哀悼。不少移动端开发人员对黑白化的实现方式也是讨论了一番,大佬鸿洋在公众...

  • 一个简单的APP实现

    实现这个APP是我自己对于一些常用框架的熟悉过程和应用过程。 这是一个基于mvp的模式开发的APP。其实现的效果如...

网友评论

      本文标题:App实现哀悼模式

      本文链接:https://www.haomeiwen.com/subject/iqawkjtx.html