iOS 13 黑暗模式适配

iOS 13 黑暗模式适配

官方文档

一、启用黑暗模式

1.1 强行不使用

• 不推荐，明年可能就要不过审核，临时用用吧

Info.plist
添加 
UIUserInterfaceStyle = Light

1.2 个别 ViewController 单独配置

// 重写
- (UIUserInterfaceStyle)overrideUserInterfaceStyle {
    return UIUserInterfaceStyleLight;
}

二、相关的生命周期

• 并没有变化，iOS 8 就已经有的适配相关事件，只是补充了【黑暗模式】相关的内容

- (void)traitCollectionDidChange:(UITraitCollection *)previousTraitCollection;

- (void)traitCollectionDidChange:(UITraitCollection *)previousTraitCollection {
    if (@available(iOS 13, *)) {
        if (previousTraitCollection.userInterfaceStyle == UIUserInterfaceStyleDark) {
            // 切换 Dark 模式
        }
        else {
            // 切换 Light 模式
        }  
    }
}

UITraitCollection 这个是特征集合，适配相关，iOS 8 开始就有了，不仅仅用在黑暗模式

三、颜色

3.1 UIColor

• 新增的颜色 API

+ (UIColor *)colorWithDynamicProvider:(UIColor * (^)(UITraitCollection *traitCollection))dynamicProvider API_AVAILABLE(ios(13.0), tvos(13.0)) API_UNAVAILABLE(watchos);

• 简单实用

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

3.3 Assets Color Set

• 把颜色制作成 Set 素材，指定 Appearances（Any、Light、Dark）

3.2 CGColor

• 并不支持直接使用，需要结合生命周期，间接通过 UIColor 使用

- (void)traitCollectionDidChange:(UITraitCollection *)previousTraitCollection {
    // 一：直接使用
    if (@available(iOS 13, *)) {
        UIColor *dynamicColor;
        if (previousTraitCollection.userInterfaceStyle == UIUserInterfaceStyleDark) {
            dynamicColor = [UIColor redColor];
        }
        else {
            dynamicColor = [UIColor greenColor];
        }
        self.messageLabel.layer.borderColor = dynamicColor.CGColor;
    }
    
    // 二：封装一下用起来简单
    if (@available(iOS 13, *)) {
         UIColor *dynamicColor = [UIColor colorWithDynamicProvider:^UIColor * _Nonnull(UITraitCollection * _Nonnull traitCollection) {
               if (traitCollection.userInterfaceStyle == UIUserInterfaceStyleDark) {
                   return [UIColor redColor];
               }
               else {
                   return [UIColor greenColor];
               }
         }];
         self.messageLabel.layer.borderColor = dynamicColor.CGColor;
    }
}

四、图片

4.1 Assets Image Set

• 类似颜色，图片素材一下子乘了 3

Apple 也推荐使用 Assets 管理素材

4.2 API

• 暂时没有 Color 的好用，再看看