iOS 解决问题：哀掉日黑白化

原创：问题解决型文章
创作不易，请珍惜，之后会持续更新，不断完善
个人比较喜欢做笔记和写总结，毕竟好记性不如烂笔头哈哈，这些文章记录了我的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()
}

这样就实现我们想要的效果了。