欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2022-10-12 15:27:15
原理 将同一个资源,创建出两种模式的样式。系统根据当前选择的样式,自动获取该样式的资源 每次系统更新样式时,应用会调用当前所有存在的元素调用对应的一些重新...


原理

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

资源文件适配

  1. 创建一个assets文件(或在现有的assets文件中)
  2. 新建一个图片资源文件(或者颜色资源文件、或者其他资源文件)
  3. 选中该资源文件, 打开 xcode ->view ->inspectors ->show attributes inspectors (或者option+command+4)视图,将apperances 选项 改为any,dark
  4. 执行完第三步,资源文件将会有多个容器框,分别为 any apperance 和 dark apperance. any apperance 应用于默认情况(unspecified)与高亮情况(light), dark apperance 应用于暗黑模式(dark)
  5. 代码默认执行时,就可以正常通过名字使用了,系统会根据当前模式自动获取对应的资源文件

注意

同一工程内多个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)此功能也是为了开发者能慢慢将应用适配暗黑模式

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

全局关闭暗黑模式

  1. 在info.plist 文件中,添加uiuserinterfacestyle key 名字为 user interface style 值为string,
  2. 将uiuserinterfacestyle key 的值设置为 light

单个界面不遵循暗黑模式

  1. uiviewcontroller与uiview 都新增一个属性 overrideuserinterfacestyle
  2. 将 overrideuserinterfacestyle 设置为对应的模式,则强制限制该元素与其子元素以设置的模式进行展示,不跟随系统模式改变进行改变
    1. 设置 viewcontroller 的该属性, 将会影响视图控制器的视图和子视图控制器采用该样式
    2. 设置 view 的该属性, 将会影响视图及其所有子视图采用该样式
    3. 设置 window 的该属性, 将会影响窗口中的所有内容都采用样式,包括根视图控制器和在该窗口中显示内容的所有演示控制器(uipresentationcontroller)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。