当前位置 主页 > 网站技术 > 代码类 >

    浅谈iOS开发如何适配暗黑模式(Dark Mode)

    栏目:代码类 时间:2019-09-11 18:02

    暗黑模式

    原理

    将同一个资源,创建出两种模式的样式。系统根据当前选择的样式,自动获取该样式的资源 每次系统更新样式时,应用会调用当前所有存在的元素调用对应的一些重新方法,进行重绘视图,可以在对应的方法做相应的改动

    资源文件适配

    创建一个Assets文件(或在现有的Assets文件中) 新建一个图片资源文件(或者颜色资源文件、或者其他资源文件) 选中该资源文件, 打开 Xcode ->View ->Inspectors ->Show Attributes Inspectors (或者Option+Command+4)视图,将Apperances 选项 改为Any,Dark 执行完第三步,资源文件将会有多个容器框,分别为 Any Apperance 和 Dark Apperance. Any Apperance 应用于默认情况(Unspecified)与高亮情况(Light), Dark Apperance 应用于暗黑模式(Dark) 代码默认执行时,就可以正常通过名字使用了,系统会根据当前模式自动获取对应的资源文件

    注意

    同一工程内多个Assets文件在打包后,就会生成一个Assets.car 文件,所以要保证Assets内资源文件的名字不能相同

    如何在代码里进行适配颜色(UIColor)

    + (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);

    e.g.

    [UIColor colorWithDynamicProvider:^UIColor * _Nonnull(UITraitCollection * _Nonnull trait) {  if (trait.userInterfaceStyle == UIUserInterfaceStyleDark) {    return UIColorRGB(0x000000);  } else {    return UIColorRGB(0xFFFFFF);  } }];

    系统调用更新方法,自定义重绘视图

    当用户更改外观时,系统会通知所有window与View需要更新样式,在此过程中iOS会触发以下方法, 完整的触发方法文档

    UIView

    traitCollectionDidChange(_:)layoutSubviews()draw(_:)updateConstraints()tintColorDidChange()

    UIViewController

    traitCollectionDidChange(_:)updateViewConstraints()viewWillLayoutSubviews()viewDidLayoutSubviews()

    UIPresentationController

    traitCollectionDidChange(_:)containerViewWillLayoutSubviews()containerViewDidLayoutSubviews()

    如何不进行系统切换样式的适配

    注意

    苹果官方强烈建议适配 暗黑模式(Dark Mode)此功能也是为了开发者能慢慢将应用适配暗黑模式

    所以想通过此功能不进行适配暗黑模式,预计将会被拒

    全局关闭暗黑模式

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

    单个界面不遵循暗黑模式

    UIViewController与UIView 都新增一个属性 overrideUserInterfaceStyle 将 overrideUserInterfaceStyle 设置为对应的模式,则强制限制该元素与其子元素以设置的模式进行展示,不跟随系统模式改变进行改变 设置 ViewController 的该属性, 将会影响视图控制器的视图和子视图控制器采用该样式 设置 View 的该属性, 将会影响视图及其所有子视图采用该样式 设置 Window 的该属性, 将会影响窗口中的所有内容都采用样式,包括根视图控制器和在该窗口中显示内容的所有演示控制器(UIPresentationController)