iOS 暗黑模式适配(叨叨篇)

2024-06-03 04:38
文章标签 模式 ios 适配 暗黑 叨叨

本文主要是介绍iOS 暗黑模式适配(叨叨篇),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

前言

iOS 13 和 Android 10 的发布,暗黑模式让人眼前一亮,Apple的很多软件也都进行了适配,业界内很多App也都加入暗黑阵营。增加用户体验,适配暗黑可能是一个趋势。

暗黑模式是什么

在UI界面中大面积采用深色构成界面主体的设计,由于整体亮度降低可在黑暗环境中提供舒适性并可最大程度地减少眼睛疲劳。
一图胜千言.png

暗黑模式的优点

沉浸式效果
暗黑模式的主色背景是深色,深色背景的优势是

  • 突出与我们主要交互操作的内容
  • 弱化其他辅助元素并降低屏幕整体的亮度减少视觉压力。

很多程序猿也偏爱使用开发工具的暗黑模式,就可见一斑了。
Xcode 暗黑模式.png

新鲜感
绝大部分的App的背景主色调都是白色,用户看到一个深色主题的App可能会眼前一亮,之前没有暗黑模式的时候,很多音乐播放器的那种黑色主题还是很受欢迎的。
来自qq音乐的收费暗黑主题.png

现在苹果免费支持一个暗黑主题,很多用户已经入坑。

省电
在 OLED 屏幕的手机(包括 iPhone 11 Pro, iPhone XS, and iPhone X)
OLED 屏幕通过关闭相应的像素来产生纯黑色显示。这意味着在深色模式下,屏幕上的所有黑色区域都将被完全关闭,从而节省电池电量。
下图是YouTube 在默认模式及暗黑模式下相同界面耗电量的对比,可以看到差别还是挺大的。
image.png
减少眼睛的伤害?
只能说,一定程度上吧。

暗黑模式仅仅只是减少了光污染,让眼睛更加舒适。
造成眼睛损伤的是蓝光和频闪。事实上并没有减少蓝光,也没有解决频闪的问题,所以没有,
PS:唯一有用的是夜览模式,开启后会页面变黄,一定程度上会减少蓝光的摄入。

设置 >> 显示与亮度 >> 夜览
夜览模式和暗黑模式是可以并存的。

夜览模式.png

所以开着暗黑模式也要注意玩手机的时间奥。

暗黑模式 == 夜间模式?

以下是
QQ浏览器的夜间模式 && Safari的暗黑模式的对照图 && 今日头条的夜间模式
QQ浏览器的夜间模式 &&  Safari的暗黑模式的对照图 && 今日头条的夜间模式.png

可以看到很明显的差别

夜间模式:夜间模式设计的出发点是用户夜间使用,采用更低的对比度让界面不刺眼。一种很简单的夜间模式的实现方式就是在整个window的最上层搞一层半透明的黑色背景<今日头条>减少界面的颜色对比。

暗黑模式:使用场景并不仅限于夜晚,很多用户白天也会长时间使用,和传统的白底黑字相比,这种黑底白字的模式通常被认为可以缓解眼疲劳,更易于阅读。

所以夜间模式不完全等同于暗黑模式

这篇关于iOS 暗黑模式适配(叨叨篇)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1026030

相关文章

在JS中的设计模式的单例模式、策略模式、代理模式、原型模式浅讲

1. 单例模式(Singleton Pattern) 确保一个类只有一个实例,并提供一个全局访问点。 示例代码: class Singleton {constructor() {if (Singleton.instance) {return Singleton.instance;}Singleton.instance = this;this.data = [];}addData(value)

安卓链接正常显示,ios#符被转义%23导致链接访问404

原因分析: url中含有特殊字符 中文未编码 都有可能导致URL转换失败,所以需要对url编码处理  如下: guard let allowUrl = webUrl.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed) else {return} 后面发现当url中有#号时,会被误伤转义为%23,导致链接无法访问

模版方法模式template method

学习笔记,原文链接 https://refactoringguru.cn/design-patterns/template-method 超类中定义了一个算法的框架, 允许子类在不修改结构的情况下重写算法的特定步骤。 上层接口有默认实现的方法和子类需要自己实现的方法

【iOS】MVC模式

MVC模式 MVC模式MVC模式demo MVC模式 MVC模式全称为model(模型)view(视图)controller(控制器),他分为三个不同的层分别负责不同的职责。 View:该层用于存放视图,该层中我们可以对页面及控件进行布局。Model:模型一般都拥有很好的可复用性,在该层中,我们可以统一管理一些数据。Controlller:该层充当一个CPU的功能,即该应用程序

迭代器模式iterator

学习笔记,原文链接 https://refactoringguru.cn/design-patterns/iterator 不暴露集合底层表现形式 (列表、 栈和树等) 的情况下遍历集合中所有的元素

《x86汇编语言:从实模式到保护模式》视频来了

《x86汇编语言:从实模式到保护模式》视频来了 很多朋友留言,说我的专栏《x86汇编语言:从实模式到保护模式》写得很详细,还有的朋友希望我能写得更细,最好是覆盖全书的所有章节。 毕竟我不是作者,只有作者的解读才是最权威的。 当初我学习这本书的时候,只能靠自己摸索,网上搜不到什么好资源。 如果你正在学这本书或者汇编语言,那你有福气了。 本书作者李忠老师,以此书为蓝本,录制了全套视频。 试

利用命令模式构建高效的手游后端架构

在现代手游开发中,后端架构的设计对于支持高并发、快速迭代和复杂游戏逻辑至关重要。命令模式作为一种行为设计模式,可以有效地解耦请求的发起者与接收者,提升系统的可维护性和扩展性。本文将深入探讨如何利用命令模式构建一个强大且灵活的手游后端架构。 1. 命令模式的概念与优势 命令模式通过将请求封装为对象,使得请求的发起者和接收者之间的耦合度降低。这种模式的主要优势包括: 解耦请求发起者与处理者

springboot实战学习(1)(开发模式与环境)

目录 一、实战学习的引言 (1)前后端的大致学习模块 (2)后端 (3)前端 二、开发模式 一、实战学习的引言 (1)前后端的大致学习模块 (2)后端 Validation:做参数校验Mybatis:做数据库的操作Redis:做缓存Junit:单元测试项目部署:springboot项目部署相关的知识 (3)前端 Vite:Vue项目的脚手架Router:路由Pina:状态管理Eleme

状态模式state

学习笔记,原文链接 https://refactoringguru.cn/design-patterns/state 在一个对象的内部状态变化时改变其行为, 使其看上去就像改变了自身所属的类一样。 在状态模式中,player.getState()获取的是player的当前状态,通常是一个实现了状态接口的对象。 onPlay()是状态模式中定义的一个方法,不同状态下(例如“正在播放”、“暂停

软件架构模式:5 分钟阅读

原文: https://orkhanscience.medium.com/software-architecture-patterns-5-mins-read-e9e3c8eb47d2 软件架构模式:5 分钟阅读 当有人潜入软件工程世界时,有一天他需要学习软件架构模式的基础知识。当我刚接触编码时,我不知道从哪里获得简要介绍现有架构模式的资源,这样它就不会太详细和混乱,而是非常抽象和易