iOS 页面置灰记录

原创已于 2023-04-14 16:43:01 修改 · 343 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ios

于 2023-04-14 16:11:14 首次发布

iOS开发专栏收录该内容

3 篇文章

订阅专栏

文章介绍了iOS应用中实现页面置灰的几种方法，包括内置资源置灰、控件置灰、整体添加滤镜以及使用第三方库IMYAppGrayStyle进行全局和局部置灰的效果。通过添加滤镜到layer或使用私有API调整颜色，可以达到变灰效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

iOS App 页面置灰部分原理记录

一、资源置灰

1、App内置相关资源和主体图片，根据相关时间后台下发指令来触发相关主题生效时间

2、App采用线上资源包、皮肤，动态下发到端上

二、控件置灰

给主要控件置灰，比如UIImage/UIColor/UIWebView等

1、遍历视图，依次对相关控件处理

2、采用hook方式，对相关控件hook特殊处理

三、App整体添加滤镜

1、UIView.layer上添加灰色滤镜

// 最顶层视图，承载滤镜，自身不接收、不拦截任何触摸事件
@interface UIViewOverLay : UIView
@end
 
@implementation UIViewOverLay
-(UIView*)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{
    return nil;
}
@end
 
 
UIWindow *window = App的Window;
UIViewOverLay *overlay = [[UIViewOverLay alloc]initWithFrame:self.window.bounds];
overlay.translatesAutoresizingMaskIntoConstraints = false;
overlay.backgroundColor = [UIColor lightGrayColor];
overlay.layer.compositingFilter = @"saturationBlendMode";
[window addSubview:overlay];
 
最后通过各种方法，要保证overlay在最顶层.

2、私有API CAFilter添加滤镜

//获取RGBA颜色数值
CGFloat r,g,b,a;
[[UIColor lightGrayColor] getRed:&r green:&g blue:&b alpha:&a];
//创建滤镜
id cls = NSClassFromString(@"CAFilter");
id filter = [cls filterWithName:@"colorMonochrome"];
//设置滤镜参数
[filter setValue:@[@(r),@(g),@(b),@(a)] forKey:@"inputColor"];
[filter setValue:@(0) forKey:@"inputBias"];
[filter setValue:@(1) forKey:@"inputAmount"];
//设置给window
window.layer.filters = [NSArray arrayWithObject:filter];