暗黑模式（黑暗模式，深色模式）适配

全局关闭

打开Info.plist 项目配置文件，添加UIUserInterfaceStyle字段，key类型为String，其value值设置为 Light模式。

部分关闭

iOS13之后UIViewController与UIView 都新增一个属性 overrideUserInterfaceStyle。该属性设置后，会影响视图控制器和子视图控制器以及父视图和子视图，但不会影响application和present出的视图控制器。

/* Set `overrideUserInterfaceStyle` to cause this view controller and its children to have a* specific `UIUserInterfaceStyle`. This does not affect the application or any parent view controllers.*/
@property (nonatomic) UIUserInterfaceStyle overrideUserInterfaceStyle API_AVAILABLE(tvos(13.0), ios(13.0)) API_UNAVAILABLE(watchos); // Defaults to UIUserInterfaceStyleUnspecified

适配暗黑模式

颜色适配

UIColor 动态颜色systemBackgroundColor、labelColor、systemGray2Color等，自己可以试试切换模式后会有什么效果。

    if (@available(iOS 13.0, *)) {self.view.backgroundColor = [UIColor systemBackgroundColor];} else {// Fallback on earlier versionsself.view.backgroundColor = [UIColor whiteColor];}

UIColor的colorWithDynamicProvider和initWithDynamicProvider和resolvedColorWithTraitCollection三个方法。

    if (@available(iOS 13.0, *)) {col_lineView.backgroundColor = [UIColor colorWithDynamicProvider:^UIColor * _Nonnull(UITraitCollection * _Nonnull traitCollection) {if (traitCollection.userInterfaceStyle == UIUserInterfaceStyleDark) {return [UIColor whiteColor];}else {return [UIColor blackColor];}}];} else {// Fallback on earlier versionscol_lineView.backgroundColor = [UIColor blackColor];}

图片适配

（1）在Assets.xcassets图片资源库里新建一个Image Set

（2）打开侧边栏，找到最后一项，设置Image Set属性Appearance为Any,Dark。

（3）修改图片名称（所有图片名都一样），拖动图片到不同模式下的对应图片资源里，1倍图可以不用

至此大功告成，可以运行看看效果。

监听模式切换

苹果提供了2个方法，一个是监听模式切换的方法，一个是判断当前的TraitCollection和不同的TraitCollection比较，查看是否能显示不同模式

/*! To be overridden as needed to provide custom behavior when the environment's traits change. */
- (void)traitCollectionDidChange:(nullable UITraitCollection *)previousTraitCollection API_AVAILABLE(ios(8.0));

/* Return whether this trait collection, compared to a different trait collection, could show a different appearance* for dynamic colors that are provided by UIKit or are in an asset catalog.* If you need to be aware of when dynamic colors might change, override `traitCollectionDidChange` in your view or view controller,* and use this method to compare `self.traitCollection` with `previousTraitCollection`.** Currently, a change in any of these traits could affect dynamic colors:*    userInterfaceIdiom, userInterfaceStyle, displayGamut, accessibilityContrast, userInterfaceLevel* and more could be added in the future.*/
- (BOOL)hasDifferentColorAppearanceComparedToTraitCollection:(nullable UITraitCollection *)traitCollection API_AVAILABLE(ios(13.0), tvos(13.0)) API_UNAVAILABLE(watchos);

此方法进入后台时会调用2次，每次hasDifferentColorAppearanceComparedToTraitCollection都返回YES。stackoverflow也有此问题

- (void)traitCollectionDidChange:(UITraitCollection *)previousTraitCollection {[super traitCollectionDidChange:previousTraitCollection];if (@available(iOS 13.0, *)) {BOOL isDiffernt = [self.traitCollection hasDifferentColorAppearanceComparedToTraitCollection:previousTraitCollection];if (isDiffernt) {NSLog(@"%ld----------%ld", (long)self.traitCollection.userInterfaceStyle, previousTraitCollection.userInterfaceStyle);}} else {// Fallback on earlier versions}
}

暗黑模式（黑暗模式，深色模式）适配相关推荐

myeclipse深色模式_完善深色模式的调色板
myeclipse深色模式 Apps largely have a limited color palette which may already map well to dark mode. How ...
Android深色模式适配原理分析，android应用开发
return when (resources.configuration.uiMode and Configuration.UI_MODE_NIGHT_MASK) { Configuration.UI ...
iOS13适配深色模式(Dark Mode)
原文博客地址: iOS13适配深色模式(Dark Mode) 好像大概也许是一年前, Mac OS系统发布了深色模式外观, 看着挺刺激, 时至今日用着也还挺爽的终于, 随着iPhone11等新手机的 ...
iOS13适配深色模式(Dark Mode)总结
iOS13适配深色模式(Dark Mode)总结好像大概也许是一年前, Mac OS系统发布了深色模式外观, 看着挺刺激, 时至今日用着也还挺爽的终于,随着iPhone11等新手机的发售, iOS ...
Android切换深色模式导致布局字体变小的解决方案
切换深色模式导致布局字体变小问题困扰了我很久,一直排查自身代码问题却没发现并非自身代码导致,而是使用了今日头条屏幕适配方案AndroidAutoSize导致的,目前暂时在小米手机安卓11系统发现,切换 ...
【Web技术】623- 简单好用的前端深色模式/主题化开发方案
DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师. 官方网站:devui.design Ng组件库:ng-devui( ...
Win10深色模式和白天模式设置
在<最新Win10系统自动开启/关闭夜间模式的设置方法>一文中,介绍了windows 10系统自动开启/关闭夜间模式的设置方法.但windows 10系统还提供了深色模式,在深色模式下, ...
vue + element-UI 实现深色模式和主题色动态切换
vue + element-UI 实现深色模式和主题色动态切换文章目录 vue + element-UI 实现深色模式和主题色动态切换前言深色模式和主题色动态切换本地样式切换主题色切换 el ...
C#+WPF+MaterialDesign图片瀑布流和一键深色模式
加入MaterialDesign App.xaml <ResourceDictionary><ResourceDictionary.MergedDictionaries>< ...
macOS Mojave 深色模式
macOS Mojave 深色模式 mac 关闭深色模式 https://support.apple.com/zh-cn/HT208976 https://www.apple.com/cn/maco ...

暗黑模式（黑暗模式，深色模式）适配

全局关闭

部分关闭

适配暗黑模式

暗黑模式（黑暗模式，深色模式）适配相关推荐

最新文章

热门文章