iOS13 暗夜模式适配

Dark Mode.jpeg

最近因为需要拾起一年之前的公司项目，iOS 13 系统下需要进行适配的太多了，做个总结吧。

这里小伙伴们需要了解

UITraitCollection

在 iOS 13 中， UITraitCollection 来判断当前系统的模式。UIView 、UIViewController 、UIScreen、UIWindow都遵从了UITraitEnvironment 这个协议，这几个类都拥有一个叫做 traitCollection 的属性，所以我们可以根据这个属性判断当前 App 的颜色模式：

BOOL isDark = (self.traitCollection.userInterfaceStyle == UIUserInterfaceStyleDark);

还可以通过 UITraitCollection.current 这个属性来获取当前 App 的颜色模式。
官方说明只有在下面这些方法中，才可以使用这个属性：

UIView

draw()  
layoutSubview()
traitCollectionDidChange()
tintColorDidChange()

UIViewController

viewWillLayoutSubviews()
viewDidLayoutSubviews()
traitCollectionDidChange()

UIPresentationController

containerViewWillLayoutSubviews() 
containerViewDidLayoutSubviews()
traitCollectionDidChange()

1.代码颜色配置：

{
    if (@available(iOS 13.0, *)) {
        return [UIColor colorWithDynamicProvider:^UIColor * _Nonnull(UITraitCollection * _Nonnull tc) {
            if (tc.userInterfaceStyle == UIUserInterfaceStyleLight){//普通模式
                return lightColor;
            }else if (tc.userInterfaceStyle == UIUserInterfaceStyleDark){//暗夜模式
                return darkColor;
            }
            return lightColor;
        }];
    } else {
        return lightColor;
    }
}

2:图片适配

1.创建一个Assets文件（或在现有的Assets文件中）
详情请看：iOS中创建多个Assets.xcassets文件
2.新建一个图片资源文件（或者颜色资源文件、或者其他资源文件）
3.选中该资源文件，打开 Xcode ->View ->Inspectors ->Show Attributes Inspectors （或者Option+Command+4）视图，将Apperances 选项改为Any，Dark

1.png
4.执行完第三步，资源文件将会有多个容器框，分别为 Any Apperance 和 Dark Apperance. Any Apperance 应用于默认情况（Unspecified）与高亮情况（Light）， Dark Apperance 应用于暗黑模式（Dark）

2.png
5.代码默认执行时，就可以正常通过名字使用了，系统会根据当前模式自动获取对应的资源文件

注意啦⚠️，同一项目工程内如果新建了多个Assets文件，在我们打包后，系统会自动会生成一个新的Assets.car 文件，所以必须要保证Assets内资源文件的名字命名唯一性.

2.全局关闭暗黑模式

系统配置：

在Info.plist 文件中，添加UIUserInterfaceStyle key 名字为 User Interface Style 值为String，

将UIUserInterfaceStyle key 的值设置为 Light

3.png

代码配置；

代码关闭黑暗模式强制关闭暗黑模式

if(@available(iOS 13.0,*)){
    self.window.overrideUserInterfaceStyle = UIUserInterfaceStyleLight;
}
#endif

3.单一配置暗夜模式

在 iOS 13中，UIView、UIViewController 、UIWindow 有了一个 overrideUserInterfaceStyle 的新属性，可以覆盖系统的模式。

单个页面或视图开启或者关闭暗黑模式，设置 overrideUserInterfaceStyle为对应的模式，强制限制该视图与其子视图以设置的模式进行展示，不跟随系统模式改变进行改变。

self.overrideUserInterfaceStyle = UIUserInterfaceStyleLight;

这样设置会影响当前view viewController window 以及它下面的任何子内容。

单一视图监听系统的模式， overrideUserInterfaceStyle 属性设置为.unspecified就可以了。

参考资料：

How To Adopt Dark Mode In Your iOS App

Backwards compatibility for iOS 13 system colors

写给设计师的指南：iOS 13 Dark Mode 深度解析

UITraitCollection详解

最后编辑于：2020.05.19 11:33:07