iOS 13 黑暗模式適配

官方文檔

一槽地、啟用黑暗模式

1.1 強行不使用

• 不推薦纫塌，明年可能就要不過審核，臨時用用吧

Info.plist
添加 
UIUserInterfaceStyle = Light

1.2 個別 ViewController 單獨配置

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

二娜亿、相關(guān)的生命周期

• 并沒有變化炭分，iOS 8 就已經(jīng)有的適配相關(guān)事件，只是補充了【黑暗模式】相關(guān)的內(nèi)容

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

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

UITraitCollection 這個是特征集合亏钩，適配相關(guān)莲绰，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

• 并不支持直接使用，需要結(jié)合生命周期踏枣，間接通過 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 的好用茵瀑，再看看