原创：问题解决型文章
创作不易，请珍惜，之后会持续更新，不断完善
个人比较喜欢做笔记和写总结，毕竟好记性不如烂笔头哈哈，这些文章记录了我的IOS成长历程，希望能与大家一起进步
温馨提示：由于简书不支持目录跳转，大家可通过command + F 输入目录标题后迅速寻找到你所需要的内容
像汶川大地震、武汉疫情等重大灾难纪念日，为了表示哀悼，我们需要将自己的APP置灰，今天我们就来聊一下在 iOS 上如何实现这样的效果。
我们可以给 App 添加一层灰色滤镜，这样 App 所有的视图透过这层滤镜都会变为灰色。具体实现方案就是在UIWindow 或者首页的 UIView 上添加一个灰色滤镜，使得整个 App 界面或者首页变为灰色。给 App 整体添加灰色滤镜的原理就是把 App 页面当成一副图像，使用另一副偏灰图像和这个图像进行叠加运算，从而得到新的图像。iOS 的Core Image 提供了一些滤镜，这些滤镜可以设置在 UIView.layer 上。我们要做的就是选取合适的滤镜，并将滤镜放置到 App 的最顶层。
创建一个新的视图作为灰色哀悼视图。
@objcMembers
class LFTMournGrayView: UIView {
private struct Constant {
static let saturationBlendMode: String = "saturationBlendMode"
static let mournGrayViewOverlayAPP: Int = 2000002
static let mournGrayView: Int = 3000003
}
...
}
重写视图的 hitTest，直接返回nil，表示该视图不接收任何点击事件，仅作展示使用，这样点击事件就可以透过该视图，传递到底层视图上去。
override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
return nil
}
倘若我们想要在整个APP 中都展示灰色哀悼蒙层视图，就在 UIWindow 上添加该视图。设置该视图的背景颜色为浅灰色， 为其指定混合滤镜的模式为饱和混合模式，这样就可以将浅灰色的饱和度，应用到将要显示的视图上，使得将要显示的视图呈现灰色。此处，我们需要设置视图层级，保证灰色哀悼蒙层视图在最顶层上，能够顺利展示出来。需要注意的是这个方法在 iOS12 以下的系统不起作用。
class func showMournGrayViewOverlayAPP() {
guard #available(iOS 12.0, *) else { return }
let topWindow = Util.topWindow()
let overlayView = LFTMournGrayView(frame: topWindow.bounds)
overlayView.tag = Constant.mournGrayViewOverlayAPP
overlayView.backgroundColor = .lightGray
overlayView.layer.compositingFilter = Constant.saturationBlendMode
overlayView.layer.zPosition = CGFLOAT_MAX
topWindow.addSubview(overlayView)
}
倘若我们想要移除这个展示在整个APP上的灰色哀悼蒙层视图，就可以从UIWindow上获取到该视图，直接将其移除即可。
class func removeMournGrayViewOverlayAPP() {
let topWindow = Util.topWindow()
guard let overlayView = topWindow.viewWithTag(Constant.mournGrayViewOverlayAPP) else { return }
guard overlayView.isKind(of: LFTMournGrayView.self) else { return }
overlayView.removeFromSuperview()
}
倘若我们仅仅想要在首页或者其他页面展示灰色哀悼蒙层视图，而不是整个APP，那么我们应该怎么做呢？非常简单，我们仅仅需要将父视图从UIWindow 变为具体想要展示灰色哀悼蒙层视图的UIView即可。
class func showGrayView(superView: UIView) {
guard #available(iOS 12.0, *) else { return }
let overlayView = LFTMournGrayView(frame: superView.bounds)
overlayView.tag = Constant.mournGrayView
overlayView.backgroundColor = .lightGray
overlayView.layer.compositingFilter = Constant.saturationBlendMode
overlayView.layer.zPosition = CGFLOAT_MAX
superView.addSubview(overlayView)
}
移除方法的实现也是同理。
class func removeGrayView(superView: UIView) {
guard let overlayView = superView.viewWithTag(Constant.mournGrayView) else { return }
guard overlayView.isKind(of: LFTMournGrayView.self) else { return }
overlayView.removeFromSuperview()
}
这样就实现我们想要的效果了。
