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

相关文章

Linux系统配置NAT网络模式的详细步骤(附图文)

《Linux系统配置NAT网络模式的详细步骤(附图文)》本文详细指导如何在VMware环境下配置NAT网络模式,包括设置主机和虚拟机的IP地址、网关,以及针对Linux和Windows系统的具体步骤,... 目录一、配置NAT网络模式二、设置虚拟机交换机网关2.1 打开虚拟机2.2 管理员授权2.3 设置子

SpringBoot如何通过Map实现策略模式

《SpringBoot如何通过Map实现策略模式》策略模式是一种行为设计模式,它允许在运行时选择算法的行为,在Spring框架中,我们可以利用@Resource注解和Map集合来优雅地实现策略模式,这... 目录前言底层机制解析Spring的集合类型自动装配@Resource注解的行为实现原理使用直接使用M

C#原型模式之如何通过克隆对象来优化创建过程

《C#原型模式之如何通过克隆对象来优化创建过程》原型模式是一种创建型设计模式,通过克隆现有对象来创建新对象,避免重复的创建成本和复杂的初始化过程,它适用于对象创建过程复杂、需要大量相似对象或避免重复初... 目录什么是原型模式?原型模式的工作原理C#中如何实现原型模式?1. 定义原型接口2. 实现原型接口3

大数据spark3.5安装部署之local模式详解

《大数据spark3.5安装部署之local模式详解》本文介绍了如何在本地模式下安装和配置Spark,并展示了如何使用SparkShell进行基本的数据处理操作,同时,还介绍了如何通过Spark-su... 目录下载上传解压配置jdk解压配置环境变量启动查看交互操作命令行提交应用spark,一个数据处理框架

Java实现状态模式的示例代码

《Java实现状态模式的示例代码》状态模式是一种行为型设计模式,允许对象根据其内部状态改变行为,本文主要介绍了Java实现状态模式的示例代码,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来... 目录一、简介1、定义2、状态模式的结构二、Java实现案例1、电灯开关状态案例2、番茄工作法状态案例

鸿蒙开发搭建flutter适配的开发环境

《鸿蒙开发搭建flutter适配的开发环境》文章详细介绍了在Windows系统上如何创建和运行鸿蒙Flutter项目,包括使用flutterdoctor检测环境、创建项目、编译HAP包以及在真机上运... 目录环境搭建创建运行项目打包项目总结环境搭建1.安装 DevEco Studio NEXT IDE

在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的功能,即该应用程序