iOS暗黑模式适配（Dark Mode）

iOS开发笔记记录

暗黑模式简介不赘述，直接写用法。

苹果官方使用链接入口

暗黑模式的原理

其实就是将原本的资源文件，创建出两种模式，根据不同的模式，自动获取该样式的资源。
每次切换系统模式的时候，系统会重新调用一些方法，重新赋值。

适配工作

对于开发者来说，适配暗黑模式，需要做的工作是：

颜色适配（文字颜色，背景颜色）
图片适配
状态栏适配
模式切换代理
关闭暗黑模式（或者关闭某一个页面的暗黑模式）
其他

1. 颜色适配

iOS13之前UIColor只能代表一种颜色，但是在iOS13之后,系统提供了一些UIColor的颜色是动态的，可以在Light Mode和Dark Mode下显示不同的颜色。在这里不多讲，因为真是开发中，文字颜色或者背景颜色都是UI设计好的，不太可能会用到系统的。

iOS13苹果提供了两个专用的方法：

+ (UIColor *)colorWithDynamicProvider:(UIColor * (^)(UITraitCollection *))dynamicProvider API_AVAILABLE(ios(13.0), tvos(13.0)) API_UNAVAILABLE(watchOS);
- (UIColor *)initWithDynamicProvider:(UIColor * (^)(UITraitCollection *))dynamicProvider API_AVAILABLE(ios(13.0), tvos(13.0)) API_UNAVAILABLE(watchOS);

一个是类方法，一个是对象方法
这两个方法需要传入一个Block,当系统切换模式的时候，会触发回调。
这个block会返回一个UITraitCollection类的对象，通过其属性userInterfaceStyle，可以得到当前是LightMode还是DarkMode。
具体的用法如下：

UIColor *bgColor = [UIColor colorWithDynamicProvider:^UIColor * _Nonnull(UITraitCollection * _Nonnull trainCollection) {
        if ([trainCollection userInterfaceStyle] == UIUserInterfaceStyleLight) {
            return [UIColor redColor];
        }
        else {
            return [UIColor greenColor];
        }
    }];
    
 self.view.backgroundColor =  bgColor;

我们在开发的时候可以将此方法封装一下，方便使用。

2. 图片适配

在Xcode的Assets.xcassets里面
添加一个icon的时候，默认是这个样子的

图片1

右边有一个Appearances的选项是这样的：

默认Appearances

默认选择的是None
点开之后有其他选项，我们选择支持暗黑模式。并加入另外一组资源后：

支持暗黑模式的图片资源

这个时候我们发现，下面多了一组Dark Appearances
这就是暗黑模式下的图片资源。
当我们切换系统模式的时候，系统会获取其对应的图片。
使用方法和原来的一样，例如：

[backBtn setImage:[UIImage imageNamed:@"nav_back_white"] forState:UIControlStateNormal];
self.backImgView.image = [UIImage imageNamed:@"nav_back_white"];

3.状态栏适配

状态栏需要根据模式代理进行切换即可，不赘述。
代理用法👇👇👇👇👇

4. 模式切换代理

有的时候，页面复杂，需要根据不同的模式执行不同的操作
系统为我们提供了代理方法，当系统切换模式的时候，会回调这个方法。将我们做的操作写在这里即可：

- (void)traitCollectionDidChange:(UITraitCollection *)previousTraitCollection {
    [super traitCollectionDidChange: previousTraitCollection];
        
        if (@available(iOS 13.0, *)) {
            if ([UITraitCollection currentTraitCollection].userInterfaceStyle == UIUserInterfaceStyleDark) {
                [self.editBtn setImage:[UIImage imageNamed:@"navigation_bar_userInfo_editor_white"] forState:UIControlStateNormal];
                [self.moreBtn setImage:[UIImage imageNamed:@"nav_more_icon_w"] forState:UIControlStateNormal];
            } else {
                [self.editBtn setImage:[UIImage imageNamed:@"navigation_bar_userInfo_editor_black"] forState:UIControlStateNormal];
                [self.moreBtn setImage:[UIImage imageNamed:@"nav_more_icon_d"] forState:UIControlStateNormal];
            }
        } else {
            [self.editBtn setImage:[UIImage imageNamed:@"navigation_bar_userInfo_editor_black"] forState:UIControlStateNormal];
            [self.moreBtn setImage:[UIImage imageNamed:@"nav_more_icon_d"] forState:UIControlStateNormal];
        }
    }
}

5. 关闭暗黑模式（或者关闭某一个页面的暗黑模式）

5.1关闭某一个页面的暗黑模式

某些页面由于设计需要，无需进行适配，或者只要显示固定的一个模式。
那怎么做呢？

UIViewController与UIView 都新增一个属性 overrideUserInterfaceStyle
关于window有一个特殊情况，我们下面在6其他里面具体说。

将overrideUserInterfaceStyle设置为对应的模式即可：

if (@available(iOS 13.0, *)) {
       self.overrideUserInterfaceStyle = UIUserInterfaceStyleLight;
 } else {
       // Fallback on earlier versions
 }

5.2全局暗黑模式

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

6.其他：

设置 Window 的该属性，将会影响窗口中的所有内容都采用样式，包括根视图控制器和在该窗口中显示内容的所有演示控制器（UIPresentationController）

所以，这里就有一个常用的功能：选择是否跟随系统。

如图：

选择是否跟随系统

点击选择模式：

选择模式

当要实现这个功能的时候，就可以用到window。


if (index== 0){
     [UIApplication sharedApplication].keyWindow.overrideUserInterfaceStyle = UIUserInterfaceStyleUnspecified;
 }else if (index == 1) {
     [UIApplication sharedApplication].keyWindow.overrideUserInterfaceStyle = UIUserInterfaceStyleLight;
 }else if (index == 2) {
     [UIApplication sharedApplication].keyWindow.overrideUserInterfaceStyle = UIUserInterfaceStyleDark;
 }