iOS—暗黑模式

从iOS13推出以后,暗黑模式难免成为一个热点的话题,特别是微信新版本更新支持暗黑模式以后,相信iOS开发者都有必要掌握如何在自己的项目中支持它。

适配暗黑模式主要从以下几个方面着手:
  • 颜色

  • 图片

1、颜色适配

  • iOS13 之前 UIColor只能表示一种颜色,而从 iOS13 开始UIColor是一个动态的颜色,在Light Mode和Dark Mode可以分别设置不同的颜色。

  • iOS13系统提供了一些动态颜色,不过日常开发中,我们很少用到系统的颜色。比如说placeholderTextColor,就可以使用[UIColor placeholderTextColor]直接表示输入框提示文字颜色,系统会根据当前的模式自动切换。

自定义动态UIColor

iOS13 UIColor增加了两个初始化方法,使用以下方法可以创建动态UIColor

注:一个是类方法,一个是实例方法


+(UIColor*)colorWithDynamicProvider:(UIColor*(^)(UITraitCollection*))dynamicProviderAPI_AVAILABLE(ios(13.0),tvos(13.0))API_UNAVAILABLE(watchos);
-(UIColor*)initWithDynamicProvider:(UIColor*(^)(UITraitCollection*))dynamicProviderAPI_AVAILABLE(ios(13.0),tvos(13.0))API_UNAVAILABLE(watchos);

  • 这两个方法要求传一个block进去

  • 当系统在LightMode和DarkMode之间相互切换时就会触发此回调

  • 这个block会返回一个UITraitCollection类

  • 我们需要使用其属性userInterfaceStyle,它是一个枚举类型,会告诉我们当前是LightMode还是DarkMode

使用方法

        label.textColor=UIColor.init(dynamicProvider: { (trait) ->UIColor **in**

            **if **trait.userInterfaceStyle== .light {

                **return **UIColor.black

            }

            **return **UIColor.white

        })


        self.view.backgroundColor=UIColor.init(dynamicProvider: { (trait) ->UIColor in

            if trait.userInterfaceStyle== .dark {

                returnUIColor.black

            }

            **return**UIColor.white

        })

效果
image
image

2、图片适配

  • 打开Assets.xcassets

  • 新建一个Image set

  • 打开右侧工具栏,点击最后一栏,找到Appearances,选择Any,Dark,如图

image

*使用该图片


[_logoImage setImage:[UIImage imageNamed:@"icon_logo"]];

image
image

获取当前系统模式

如果需要知道当前处于什么模式,并根据不同的模式执行不同的操作,iOS13中CGColor依然只能表示单一的颜色,通过调用UITraitCollection.currentTraitCollection.userInterfaceStyle,获取当前模式


      if UITraitCollection.current.userInterfaceStyle == .dark {

          print("当前为深色模式")

      }else{

          print("当前为浅色模式")

      }

希望对您有所帮助。

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

相关阅读更多精彩内容

  • iOS 13系统的问世,开启了App的深色模式的大门。2002年3月4日更新的AppStore审核指南提出:从20...
    31313_iOS阅读 7,724评论 0 9
  • 0、前言 随着iOS13的普及,大多数的APP都已经适配了暗黑模式,网络上关于暗黑模式适配的文章也很多,基本看几篇...
    代亮真的不会亮阅读 11,897评论 3 19
  • IOS 13 发布月余,一直未适配暗黑模式,只是简单地设置不支持暗黑模式。前几天传言再不适配暗黑,苹果就下架W...
    乐之新阅读 8,957评论 3 2
  • 真是不知道今天是什么日子。 糟糕的心情,糟糕的一切,糟糕...
    子誓不染阅读 1,346评论 0 1
  • 众所周知,第一次登上月球的实际上有两个人。一个家喻户晓,叫阿姆斯特朗。还有一个叫奥尔德林。 在庆祝登月成功的庆功宴...
    弘慧阅读 1,895评论 0 0

友情链接更多精彩内容