IOS 暗黑模式适配---基础适配_uitextfield 暗黑-程序员宅基地

技术标签： objective-c  IOS技术总结  ios  xcode  

IOS 暗黑模式适配

前言

暗黑模式是苹果在ios13中提供系统风格。19年时候发布时苹果也没出强制要求适配的公告。项目的业务也没有太大的需求，所以一直就没考虑适配的问题。前段时间，某大厂关于适配问题闹的沸沸扬扬。还以为苹果出了新公告，要求强制适配。于是就翻了公告列表也没有发现有强制适配的要求，查看了账号邮箱也没有类似的邮件，虚惊一场。
不过现在很多App开始适配暗黑模式，适配也应该做起来了。顺便整理了一份适配方案，主要分为两部分：一 是基础适配方案。二 项目通用化适配方案。

适配DarkMode

一 .图片适配

在Assets文件里图片资源文件属性选项Apperances，可以修改属性添加暗黑模式图片，并且不影响原有图片。苹果官方也提供了适配文档
在这里插入图片描述
适配效果图：
暗黑模式图片效果
浅色模式图片效果

二.颜色适配

1.系统动态色值

从 iOS13 开始UIColor是一个动态的颜色，在Light Mode和Dark Mode可以分别设置不同的颜色，系统提供了一些动态颜色。

self.textLabel.textColor = [UIColor systemGrayColor];

效果：
暗黑模式颜色效果
浅色模式颜色效果

2.定义颜色

ios13 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);

   UIColor *labelColor = [UIColor colorWithDynamicProvider:^UIColor * _Nonnull(UITraitCollection * _Nonnull trainCollection) {
           if ([trainCollection userInterfaceStyle] == UIUserInterfaceStyleLight) {
           //浅色模式
               return [UIColor blackColor];
           }
           else {
            //暗黑模式
               return [UIColor whiteColor];
           }
       }];
       
    self.textLabel.textColor = labelColor;

三. UITextField 适配

UITextField在暗黑模式下placeholder颜色很不友好。可以通过下面方法修改颜色

txtField.attributedPlaceholder = [[NSAttributedString alloc] initWithString:@"请输入手机号码"attributes:@{NSForegroundColorAttributeName: [UIColor grayColor]}];

模式配置

一. 关闭暗黑模式

1.在Info.plist 文件中，添加 key 为 User Interface Style 类型String。
2.将UIUserInterfaceStyle key 的值设置为 Light。
在这里插入图片描述

二.关闭单页面暗黑模式

在ios13系统下UIViewcontroller与UIView有一个新的属性overrideUserInterfaceStyle。
可以强制设置关闭暗黑模式的属性:UIUserInterfaceStyleLight

typedef enum UIUserInterfaceStyle : NSInteger {
	UIUserInterfaceStyleUnspecified
	//An unspecified interface style.
	UIUserInterfaceStyleLight
	//The light interface style.
	UIUserInterfaceStyleDark
	//The dark interface style.
} UIUserInterfaceStyle;

三.调试模式

1. 切换模式
模拟器环境切换模式有两种方法。
  • 在模拟器设置里：develop->Dark Appearance 开启关闭暗黑模式。
    在这里插入图片描述
  • 编译环境下修改，在 Debug ->View Debugging->Configure Environment Overrides. 可以在调试环境下动态开启关闭暗黑模式。

在这里插入图片描述
在这里插入图片描述

总结

以上适配方法总结了网上和官网文档的是方案。不过这只是基础适配方法，对于项目适配并不能说是一个合理的方案。毕竟一个完整的项目UI设计有很多个性设计，需要大量自定义修改颜色图片，使用系统色值的情况有时候并不多。个人认为暗黑模式的适配更多的是一种换肤模式，只不过切换场景交个了系统了。下一篇会总结自己项目的适配方案，更多的是通用化适配，减少不必要重复代码量的方法。
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DARKSang/article/details/105366050

智能推荐

http隧道 java_使用java语言实现http隧道技术-程序员宅基地

文章浏览阅读119次。该楼层疑似违规已被系统折叠隐藏此楼查看此楼/***Getaparametervalue**@paramkeyString*@paramdefString*@returnString*/publicStringgetParameter(Stringkey,Stringdef){returnisStandalone?System.getProperty(ke..._java http隧道

Keepalived高可用+邮件告警_keepalived sendmail-程序员宅基地

文章浏览阅读913次。IP主机名备注192.168.117.14keepalived-master主节点192.168.117.15keepalived-slaver备节点192.168.117.100VIP1.主备节点均安装keepalived# yum install -y keepalived httpd2.主备节点均修改keepalived日志存放路径..._keepalived sendmail

SPFILE 错误导致数据库无法启动(ORA-01565)_ora01565 ora27046-程序员宅基地

文章浏览阅读469次。--==========================================--SPFILE错误导致数据库无法启动(ORA-01565)--========================================== SPFILE错误导致数据库无法启动 SQL> startup ORA-01078: failurein proce_ora01565 ora27046

功能测试基础知识（1）-程序员宅基地

文章浏览阅读6.1k次，点赞2次，收藏54次。功能测试基础知识总结_功能测试

postgresql 中文排序_pg中文排序-程序员宅基地

文章浏览阅读3.2k次，点赞3次，收藏2次。pg 中文首字母排序_pg中文排序

[Mysql] CONVERT函数_mysql convert-程序员宅基地

文章浏览阅读3.1w次，点赞23次，收藏109次。本文主要讲解CONVERT函数_mysql convert

随便推点

HTML5与微信开发（2）-视频播放事件及API属性_微信开发者工具视频快进-程序员宅基地

文章浏览阅读8.6k次，点赞2次，收藏2次。HTML5 的视频播放事件想必大家已经期待很久了吧，在HTML4.1、4.0之前我们如果在网页上播放视频无外乎两种方法： 第一种：安装FLASH插件或者微软发布的插件 第二种：在本地安装播放器，在线播放组件之类的 因为并不是所有的浏览器都安装了FLASH插件，就算安装也不一定所有的都能安装成功。像苹果系统就是默认禁用FLASH的，安卓虽然一开始的时候支持FLASH，但是在安卓4.0以后也开始不_微信开发者工具视频快进

JedisConnectionException Connection Reset_jedisconnectionexception: java.net.socketexception-程序员宅基地

文章浏览阅读5.4k次，点赞3次，收藏4次。在使用redis的过程常见错误总结1.JedisConnectionException Connection Reset参考这边文章：Connection reset原因分析和解决方案https://blog.csdn.net/cwclw/article/details/527971311.1问题描述Exception in thread "main" redis.clients...._jedisconnectionexception: java.net.socketexception: connection reset

Lua5.3版GC机制理解_lua5.3 gc-程序员宅基地

文章浏览阅读8.3k次，点赞8次，收藏42次。目录1.Lua垃圾回收算法原理简述2.Lua垃圾回收中的三种颜色3.Lua垃圾回收详细过程4.步骤源码详解4.1新建对象阶段4.2触发条件4.3 GC函数状态机4.4标记阶段4.5清除阶段5.总结参考资料lua垃圾回收(Garbage Collect)是lua中一个比较重要的部分。由于lua源码版本变迁，目前大多数有关这个方面的文章都还是基于lua5.1版本，有一定的滞后性。因此本文通过参考当前..._lua5.3 gc

手机能打开的表白代码_能远程打开，各种手机电脑进行监控操作，最新黑科技...-程序员宅基地

文章浏览阅读511次。最近家中的潮人，老妈闲着没事干，开始学玩电脑，引起他的各种好奇心。如看看新闻，上上微信或做做其他的事情。但意料之中的是电脑上会莫名出现各种问题？不翼而飞的图标？照片又不见了？文件被删了，卡机或者黑屏，无声音了，等等问题。常常让她束手无策，求助于我，可惜在电话中说不清，往往只能苦等我回家后才能解决，那种开心乐趣一下子消失了。想想，这样也不是办法啊， 于是，我潜心寻找了两款优秀的远程控制软件。两款软件...

成功Ubuntu18.04 ROS melodic安装Cartograhper+Ceres1.13.0，以及错误总结_ros18.04 安装ca-程序员宅基地

文章浏览阅读1.8k次。二.初始化工作空间三.设置下载地址四.下载功能包此处可能会报错，请看：rosdep update遇到ERROR: error loading sources list: The read operation timed out问题_DD᭄ꦿng的博客-程序员宅基地接下来一次安装所有功能包，注意对应ROS版本 五.编译功能包isolated：单独编译各个功能包，每个功能包之间不产生依赖。编译过程时间比较长，可能需要几分钟时间。此处可能会报错：缺少absl依赖包_ros18.04 安装ca

Harbor2.2.1配置（trivy扫描器、镜像签名）_init error: db error: failed to download vulnerabi-程序员宅基地

文章浏览阅读4.1k次，点赞3次，收藏7次。Haobor2.2.1配置（trivy扫描器、镜像签名）docker-compose下载https://github.com/docker/compose/releases安装cp docker-compose /usr/local/binchmod +x /usr/local/bin/docker-composeharbor下载https://github.com/goharbor/harbor/releases解压tar xf xxx.tgx配置harbor根下建立:mkd_init error: db error: failed to download vulnerability db: database download

推荐文章

热门文章

相关标签