用户投稿这是一份关于如何在 iOS 应用中优先适配淘宝风格的深色模式（Dark Mode）的教程。考虑到淘宝的视觉风格，我们将重点放在使用系统提供的深色模式支持，并结合一些淘宝的视觉元素，让应用在深色背景下看起来既美观又舒适。
"目标：" 创建一个优先适配 iOS 深色模式的 App 界面，模仿淘宝的视觉风格，提升用户在夜间或低光环境下的使用体验。
"核心思路："
1. "使用系统深色模式支持：" iOS 13 及以上版本提供了完整的深色模式支持。优先利用系统提供的 API 和设置，让界面自动适应深色模式。
2. "自定义颜色和图片：" 对于系统默认无法完美适配淘宝风格的元素，需要手动自定义颜色和图片资源。
3. "考虑性能：" 合理使用 `traitCollection` 来决定何时加载深色资源，避免不必要的性能开销。
4. "全面覆盖：" 确保所有界面元素，包括文本、背景、控件、图片等，都适配了深色模式。
"教程步骤："
"第一步：开启项目支持深色模式"
1. 打开你的 Xcode 项目。
2. 在项目导航器中选择你的项目（顶部的蓝色项目名）。
3. 选择 `Signing & Capabilities` 标签页。
4. 点击 `+ Capability` 按钮。
相关内容：
根据淘宝官方表示，淘宝 APP 现在已经适配 iOS13 黑暗模式了，晚上淘宝不伤眼睛，淘宝也是真贴心了，而且这次是 iOS 最先发布测试版，只有 iOS 能使用测试版，而安卓暂时不能用。
因为目前只是测试版，所以在APP Store 上不能直接下载更新，如果想要先体验暗黑模式的淘宝的，可以在果粉堂对话框发送「126」获取下载链接。
自从 iOS 13 推出暗黑模式以后，大家一直最期待的就是微信赶紧适配暗黑模式，前几天，安卓版更新推出了暗黑版微信测试版，紧接着淘宝也更新了，相信以后其他的APP陆陆续续也会适配暗黑模式了。
而淘宝参考了苹果官方提供的适配建议，深色模式需要通过语义化颜色的方式进行适配，这样能够让UI元素灵活的适应浅色和深色模式的切换。即语义化颜色是通过“用途”对元素UI进行定义描述，而不是具体的颜色值。
从这个测试版的淘宝来看，各个页面的的适配都让人觉得很舒服，整体看起来还是不错的。
其实淘宝是一个页面众多的APP，因为淘宝是个拥有多个技术框架、数百个入淘业务，同时还兼容各种各样的淘宝店铺、各类商品和内容、以及全年都有的各大大促会等等的“特复杂”APP。语义化颜色的适配方式可以说给淘宝APP官方技术团队带来了很大的技术难题。
然而淘宝居然能这么快就适配 iOS13 的暗黑模式，，主要还是因为淘宝团队找到了“智能语义化”的方案，使的淘宝APP适配成本和时间大幅度降低。
据了解淘宝设计师根据不同UI元素的特性先期制定颜色语义化规则，进而技术框架层面只需通过“颜色自动反转”技术最终实现深色模式和浅色模式的转换。
安装教程：到公众号发送「126」获取的安装链接，安装需要先在APP Store 上下载「TestFlight」软件并打开，打开链接之后点击「开始测试」按钮即可开始下载淘宝测试版了。
目前发现了一个BUG，当你打开查看物流的时候，白色部分会异常的发白，就连字都很难看到，不过毕竟是测试版，相信后续淘宝会修复的。
微信扫一扫打赏
支付宝扫一扫打赏
