iOS 13 适配 Dark Mode

iOS13 的模拟器可以通过如下方式切换模式

image.png

列一个目录

颜色适配
- 通过代码适配
- 通过在Assets.xcassets中创建ColorSet进行适配
图片适配
监听手机模式的切换

颜色适配 -> 代码适配

iOS13 我们可以通过如下代码来创建一个dynamic的颜色

let color = UIColor { (traitCollection) -> UIColor in
    switch traitCollection.userInterfaceStyle {
        case .light:
            return .brown
        case .dark:
            return .white
        default:
            return .brown
    }
}

该颜色会自动根据手机模式的改变而发生改变，例如 label.textColor = color，那么手机模式发生改变时，你不需要做任何操作，该label的字体颜色便会发生改变

颜色适配 -> ColorSet

创建ColorSet.png

如下图修改Appearances为Any, Dark

image.png

然后Set中会多出来一个框，如下，设置完后起个名字（如上图 firstColor）

image.png

使用方法如下

let color = UIColor(named: "firstColor")

图片适配

图片适配同上面 ColorSet 一样，将Appearances为Any, Dark，然后会多出来几个框，拖进去对应的图片即可，使用方法同之前不变

监听手机模式的切换

UIViewController 及 UIView 均遵守一个协议，即UITraitEnvironment，该协议内容定义如下：

public protocol UITraitEnvironment : NSObjectProtocol {

    @available(iOS 8.0, *)
    var traitCollection: UITraitCollection { get }

    
    /** To be overridden as needed to provide custom behavior when the environment's traits change. */
    @available(iOS 8.0, *)
    func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?)
}

所以当手机模式发生改变时，每个 viewController及view都会收到回调，在对应方法中做相应操作即可

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

iOS 13 适配 Dark Mode