一、背景在 2019 年,随着 iOS 13 与 Android Q 的推出,Apple 和 Google 同时推出主打功能暗黑模式,分别为 Dark Mode(iOS)/Dark Theme(Android) ,下文我们统称为 Dark Theme。在前期预研中,我们发现 66% 的 iOS 13 用户选择打开Dark Theme,可见用户对暗黑模式的喜爱和期待。那么 Dark Theme 能带
转载
2023-10-13 22:19:14
377阅读
首先我们来看下效果图 如何适配 DarkModeDarkMode 主要从两个方面来适配,一是颜色,二是图片,适配的代码不是很多,接下来让我们一起来看看具体是怎么操作的吧。颜色适配iOS 13 之前 UIColor只能表示一种颜色,从 iOS 13 开始 UIColor是一个动态的颜色,它可以在 LightMode 和 DarkMode 拥有不同的颜色。iOS 13 下 UIC
转载
2023-12-30 20:00:43
695阅读
【ALENG 自媒体】4月2日晚间自媒体专稿,对于一款拥有10亿数量级用户的社交App来说,微信因为一直不支持所谓的“暗黑模式”(Dark Mode)备受诟病,在用户千呼万唤,外加苹果公司的软硬兼施之下,iPhone版的微信于3月22日开始支持暗黑模式,10天以后,Android版的微信现在也开始正式支持暗黑模式了,不过,遗憾的是,为了体验微信的暗黑模式,你可能需要换一部手机,否则你可能打不开这个
转载
2023-08-31 14:09:59
101阅读
Hi,大家好,这里是承香墨影!Android Q 版本增加了 ForceDark 功能,可以快速实现应用的黑暗模式。本文主要讲述了 Android Q ForceDark 适配过程中遇到的一些问题,通过一步步分析 Android Q 黑暗模式实现原理,进而解决适配过程中的这些问题。希望通过这篇文章读者能够了解 Android Q ForceDark 功能的原理,更好的完成适配工作。一、强制黑暗模式
转载
2024-01-23 16:40:05
461阅读
前言暗黑模式这个概念最早起源于MacOS系统的Mojave,提供浅色主题和深色主题两种皮肤供用户选择,深色主题就是我们常说的暗黑模式。为了眼睛健康,笔者在手机、平板和电脑上都选择了暗黑模式。主题皮肤随着苹果官方逐渐要求各大系统平台都得适配暗黑模式,所以笔者也探索出一种应该是市面上最低成本的网站暗黑模式适配方案。很多同学可能觉得这个方案只能使用JS实现,其实可使用纯CSS实现。思路思路很简单,使用一
转载
2023-10-24 21:44:59
41阅读
通过上面两篇文章,我们知道了暗黑模式怎么去适配,那么如何结合到真实的项目场景中去呢?适配目标在项目适配之前,先来梳理一下需要适配的东西,以及可能预见的问题。一、下图是我们单个App的控件适配目标,主要目标就是根据不同模式适配不同的背景颜色和图片资源 二、如何方便统一管理适配颜色,统一风格 三、界面过多,发版间隙短,可能一次性适配不完 四、有些界面可能来不及适配或者不适合显示成暗黑模式<比如打
转载
2023-08-23 10:49:13
376阅读
前言第一次听到暗黑模式的时候,感觉好酷啊,听着就好看(也不知道我怎么听出来的)。苹果在前几年就有暗黑模式的风声,好像是在IOS11、IOS12的时候就说要推出了,结果愣生生等到了IOS13暗黑模式才推出。IOS13推出到现在已经大半年了,系统应用没得说,完美适配,三方应用也都陆续支持了暗黑模式,就连微信在前段时间的更新中也实现了暗黑模式,先来欣赏下微信的暗黑模式吧!正文既然苹果实现了暗黑模式,那么
转载
2023-10-08 21:06:45
320阅读
导语:ios13和iPadOS来了,再加上华为鸿蒙OS和方舟编译器,你宠谁?在一年一度的苹果WWDC大会上,今天的苹果正式发布了ios13和全新的ipad OS。在经历过前几代的挤牙膏式更新之后,对于刚发布的ios13来说,其实升级的亮点和看点还是非常多的。首先,ios新增了大家所一直期待的黑暗模式。只要在设置里开启暗黑模式后,不管是App背景还是自带输入法键盘,都会自动转换成暗黑模式背景。并且在
转载
2023-10-11 09:17:09
79阅读
苹果在macOS Mojave中为Mac引入了暗模式。暗模式是系统级别的设置,可与Mac随附的所有应用一起使用。第三方应用也可以选择使用暗黑模式。暗黑模式使您更轻松地专注于工作,并且对眼睛也很容易。装有macOS Mojave的Mac并未打开“暗模式”,但是打开或关闭它的过程很简单。注:除非另有说明,否则本文中的信息适用于装有macOS Mojave或更高版本的Mac。如何在Mac上打开或
转载
2023-09-26 15:47:34
295阅读
1、如何进行单元测试,如何保证App稳定 ? 参考回答:要测试Android应用程序,通常会创建以下类型自动单元测试:本地测试:只在本地机器JVM上运行,以最小化执行时间,这种单元测试不依赖于Android框架,或者即使有依赖,也很方便使用模拟框架来模拟依赖,以达到隔离Android依赖的目的,模拟框架如Google推荐的Mockito;Android官网-建立本地单元测试(
前言 本文脱胎于我在公司内时长60分钟的分享,为免文章过长,对内容做了提炼。
-
目前网上有关Dark Mode的科普文章有很多,这里不再赘述。只讲和具体工作有关的内容。
下面会着重讲述APP中各组件适配 Dark Mode(暗黑模式 或 深色模式)的方式和注意事项,以及一些细节的处理建议。
但更重要的,是让大家掌握适配暗黑模式的工作量。
避免轻易开工,导致
ipad和iphone适配 Khamosh Pathak
Khamosh Pathak
Dark mode is everywhere from Mac, Windows, Android, and now on the iPhone and iPad. iOS 13 and iPadOS 13 finally brings the much-covete
转载
2024-06-05 13:01:32
310阅读
最近关于暗黑模式,我们看到了很多人都在找,也都在说怎么找到呀?如何才能找到呢?成了很多人的话题之一,接下来我们就针对这个问题来和大家讨论一下,让大家都知道什么条件才可以支持,从而能够告诉别人,在别人的心目中地位大升,因为你懂得比他们都多。这个也是为了大家娱乐而已,切记不要因为始终找不到而头疼或者急躁,那就得不偿失了。接下来开始进入正题:1、首先微信要更新到最新的7.0.13版本,这个是目前内测的版
转载
2023-07-05 14:02:29
510阅读
1、Force Dark 一种能让应用程序快速适配深色主题,Force Dark的工作原理是系统会分析浅色主题应用下的每一层View,并且在这些View绘制到屏幕之前,自动将它们的颜色转换成更加适合深色主题的颜色。注意,只有原本使用浅色主题的应用才能使用这种方式,如果你的应用原本使用的就是深色主题,Force Dark将不会起作用。 右击res目录 -> New -> Director
转载
2023-08-17 12:44:07
451阅读
背景现项目中涉及红色、金色主题,同时需要适配红色暗黑、金色暗黑,本地需要手动维护4套色值,并且切换主题时需要重新销毁创建页面,维护跟用户体验都不是很友好。设计思路来源通过调研,发现换肤的实现原理比较符合适用当前项目的使用场景,开源项目 Android-Skin-Loader 通过查看源码换肤实现原理其实为 通过下载或者加载本地资源包,这里的资源包其实就是一个只有资源文件的项目通过编译打包生成的.a
转载
2023-10-28 16:03:55
118阅读
目前许多应用程序已经在谷歌、苹果和微软的号召下增加暗黑模式,让用户在夜间使用应用时视觉体验会更好些。不过也有些头铁的应用程序比如微信始终不愿意增加暗黑模式,还美名其曰的表示为用户考虑希望晚上早点休息。而腾讯其他应用程序多数也都已经同时适配苹果和安卓的暗黑模式,微信安卓版此前更新后也同样支持暗黑模式。对于这款国内使用量非常高的应用程序不支持夜间模式显然是个讽刺,但最终微信苹果版还是要支持暗黑模式的。
转载
2023-09-21 10:29:11
99阅读
刚刚,微信ios端更新了7.0.12版本,新增大家期待已久的“暗黑模式”。 它的打开方式与去年12月份微信安卓内测版7.0.10灰度测试过的“夜间模式”一样,在手机设置里,找到“显示与亮度”,再找到“深色”,打开开关即可。 值得注意的是,此次模式只有在iOS 13系统下才可以适用。而且并不是每款手机都能用,比如果酱妹的另一台iPhone 6,就不支持更新iOS
转载
2024-01-20 14:26:13
62阅读
暗色模式已经不是什么新鲜玩意了,大家最近看到关于暗色模式最多的内容可能就是iOS版本微信未适配暗色模式面临被AppStore下架的风险。然后今天早上一醒来,发现Android的微信也黑了(因为我手机一直用的暗色模式),然后最近也遇到了一个暗色模式适配的一个坑,就拿出来讲一讲。适配暗色模式在开始之前还是提一下,暗色模式的一个适配方式。这个谷歌官方讲的很清楚,方式有两种:定义两套主题(正常模式和黑暗模
转载
2023-12-26 21:54:26
200阅读
背景说明原本已经基于系统方案适配了暗黑主题,实现了白/黑两套皮肤,以及跟随系统。后来老板研究学习友商时,发现友商 App 有三套皮肤可选,除了常规的亮白和暗黑,还有一套暗蓝色。并且在跟随系统暗黑模式下,用户可选暗黑还是暗蓝。这不,新的需求马上就来了。其实我们之前两个 App 的换肤方案都是使用 Android-skin-support 来做的,在此基础上再加套皮肤也不是难事。但在新的 App 实现
转载
2024-05-17 16:46:04
289阅读
如今越来越多的厂商在其产品中加入“暗黑模式”。因为开启后,整个界面为暗色,似乎看起来不那么伤眼了,很多人就此认为“暗黑模式”具有护眼的效果。那么真的是这样么?今天,小翼就为大家答疑解惑! 1、暗黑模式真的护眼么?当前,主流研究表明手机屏幕对人言主要影响因素是“蓝光”以及“频闪”等因素。其中蓝光应该是被提及最多的。 无论是iOS还是Android,都没有在新系统中
转载
2023-09-28 00:49:28
119阅读