优酷App全量支持“暗黑模式”
admin
2021-01-02 15:01:28
0

随着iOS 13和Android 10的正式发布,一个名词”暗黑模式(Dark Mode)”逐渐走入了大家的视野。各大App都将暗黑模式的适配列入了开发日程。现在阿里技术官方宣布了,优酷App全量支持“暗黑模式”的设计与技术总结。

优酷App全量支持“暗黑模式”

优酷App全量支持“暗黑模式”

从2019年11月开始,优酷主客Android端和iOS端使用两个版本的时间,推动各业务方基本完成了主要使用路径上数十个页面的改造,还使用同一套方案同步完成了部分Weex页面和H5页面的适配,并完整地通过了UED的视觉验收。

当前,到App Store和各大Android市场下载的优酷App最新版本,均已全量支持“暗黑模式”。

为什么要支持暗黑模式?

根据Apple官方的说法,暗黑模式可以“改善电池寿命,改善视力不佳和强光下的人的可视性,以及在弱光环境中更好地使用设备”。

1.改善电池寿命

从下图中notebookcheck的功耗分析可以看出,在使用OLED屏幕时,屏幕上显示的内容决定了功耗。当屏幕基本全黑时,OLED屏在任何亮度下的功耗都保持恒定。显示了白色内容的屏幕,功耗曲线会随着亮度提高而逐渐变陡。

优酷App全量支持“暗黑模式”

2.改善视力不佳用户的可视性

我们面对的用户群体中有一部分是色盲或者色弱用户,暗黑模式对于色盲/色弱用户群体是非常友好的。

3.弱光环境中的使用

优酷App全量支持“暗黑模式”

在温暖的被窝中也可以舒服地看剧了,再也不用害怕被白色背景闪瞎眼了。

4. UI风格的统一

业务开发中难免会用到系统默认控件,而系统默认控件都支持了暗黑模式。如果自定义控件不支持的话,当用户打开暗黑模式后,就会发现风格不统一的情况。

以iOS为例,在下图的界面中,Tabbar已经被转成暗黑模式的样式,但画面上方的组件、文字因为都是自定义颜色/样式,并没有随着模式切换而自动调整,这也让整个画面看起来不太协调。

优酷App全量支持“暗黑模式”

如果短时间内没有精力支持暗黑模式,也可以在开发阶段强制指定不支持暗黑模式。

对于iOS,需要在App的Info.plist里面添加名称为User Interface Style,类型为String的项目,将User Interface Style的值设置为Light,声明”只支持Light Mode”,就可以避免系统控件转换为暗黑状态。

对于Android,需要在App的Application里面调用下面的代码,声明不支持暗黑模式。

相关内容

热门资讯

《悲惨世界》优秀读后感 《悲惨世界》优秀读后感500字(精选20篇)  认真品味一部名著后,相信大家的视野一定开拓了不少,需...
读高效能人士的七个习惯有感   读高效能人士的七个习惯有感  读完史蒂芬·柯维的《高效能人士的七个习惯》,掩卷沉思,感触颇深。俗...
《明朝那些事儿》读后感 《明朝那些事儿》读后感1000字(精选16篇)  当阅读完一本名著后,你有什么总结呢?记录下来很重要...
朝花夕拾《父亲的病》读后感3... 朝花夕拾《父亲的病》读后感300字>《父亲的病》作者用讽刺的笔调写了庸医误人,以两个“名医”的药引一...
描写雨后景色的作文 描写雨后景色的作文范文  一场雨,下得那么细腻,下得那么冷。  万物却在这寒风中苏醒了。睁开惺忪的双...
《丰田失败学》读后感 《丰田失败学》读后感(精选6篇)  当品读完一部作品后,大家对人生或者事物一定产生了许多感想,何不静...
《香菱学诗》读后感550字 关于《香菱学诗》读后感550字  学课文《香菱学诗》之后,我深深体会到了封建体系下女子的悲惨与无奈。...
读《三打白骨精》有感 读《三打白骨精》有感  当阅读了一本名著后,你心中有什么感想呢?是时候静下心来好好写写读后感了。现在...
《家春秋》读后感 《家春秋》读后感(精选21篇)  当品读完一部作品后,相信大家都有很多值得分享的东西,需要回过头来写...
曹禺日出读后感   曹禺日出读后感(一)  说起来,能买到曹禺的这本《日出》,足可以称得上“踏破铁鞋无觅处,得来全不...