優(yōu)酷App全量支持暗黑模式可以改善電池壽命

2020-01-10 11:12:27 來(lái)源： IT之家

隨著iOS 13和Android 10的正式發(fā)布，一個(gè)名詞"暗黑模式(Dark Mode)"逐漸走入了大家的視野。各大App都將暗黑模式的適配列入了開(kāi)發(fā)日程。現(xiàn)在

隨著iOS 13和Android 10的正式發(fā)布，一個(gè)名詞"暗黑模式(Dark Mode)"逐漸走入了大家的視野。各大App都將暗黑模式的適配列入了開(kāi)發(fā)日程?，F(xiàn)在阿里技術(shù)官方宣布了，優(yōu)酷App全量支持“暗黑模式”的設(shè)計(jì)與技術(shù)總結(jié)。

從2019年11月開(kāi)始，優(yōu)酷主客Android端和iOS端使用兩個(gè)版本的時(shí)間，推動(dòng)各業(yè)務(wù)方基本完成了主要使用路徑上數(shù)十個(gè)頁(yè)面的改造，還使用同一套方案同步完成了部分Weex頁(yè)面和H5頁(yè)面的適配，并完整地通過(guò)了UED的視覺(jué)驗(yàn)收。

當(dāng)前，到App Store和各大Android市場(chǎng)下載的優(yōu)酷App最新版本，均已全量支持“暗黑模式”。

為什么要支持暗黑模式?

根據(jù)Apple官方的說(shuō)法，暗黑模式可以“改善電池壽命，改善視力不佳和強(qiáng)光下的人的可視性，以及在弱光環(huán)境中更好地使用設(shè)備”。

1.改善電池壽命

從下圖中notebookcheck的功耗分析可以看出，在使用OLED屏幕時(shí)，屏幕上顯示的內(nèi)容決定了功耗。當(dāng)屏幕基本全黑時(shí)，OLED屏在任何亮度下的功耗都保持恒定。顯示了白色內(nèi)容的屏幕，功耗曲線會(huì)隨著亮度提高而逐漸變陡。

2.改善視力不佳用戶(hù)的可視性

我們面對(duì)的用戶(hù)群體中有一部分是色盲或者色弱用戶(hù)，暗黑模式對(duì)于色盲/色弱用戶(hù)群體是非常友好的。

3.弱光環(huán)境中的使用

在溫暖的被窩中也可以舒服地看劇了，再也不用害怕被白色背景閃瞎眼了。

4. UI風(fēng)格的統(tǒng)一

業(yè)務(wù)開(kāi)發(fā)中難免會(huì)用到系統(tǒng)默認(rèn)控件，而系統(tǒng)默認(rèn)控件都支持了暗黑模式。如果自定義控件不支持的話，當(dāng)用戶(hù)打開(kāi)暗黑模式后，就會(huì)發(fā)現(xiàn)風(fēng)格不統(tǒng)一的情況。

以iOS為例，在下圖的界面中，Tabbar已經(jīng)被轉(zhuǎn)成暗黑模式的樣式，但畫(huà)面上方的組件、文字因?yàn)槎际亲远x顏色/樣式，并沒(méi)有隨著模式切換而自動(dòng)調(diào)整，這也讓整個(gè)畫(huà)面看起來(lái)不太協(xié)調(diào)。

如果短時(shí)間內(nèi)沒(méi)有精力支持暗黑模式，也可以在開(kāi)發(fā)階段強(qiáng)制指定不支持暗黑模式。

對(duì)于iOS，需要在App的Info.plist里面添加名稱(chēng)為User Interface Style,類(lèi)型為String的項(xiàng)目，將User Interface Style的值設(shè)置為L(zhǎng)ight，聲明"只支持Light Mode"，就可以避免系統(tǒng)控件轉(zhuǎn)換為暗黑狀態(tài)。

對(duì)于Android，需要在App的Application里面調(diào)用下面的代碼，聲明不支持暗黑模式。（騎士）

AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);