隨著iOS 13和Android 10的正式發(fā)布，一個(gè)名詞"暗黑模式(Dark Mode)"逐漸走入了大家的視野。各大App都將暗黑模式的適配列入了開(kāi)發(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.改善視力不佳用戶的可視性
我們面對(duì)的用戶群體中有一部分是色盲或者色弱用戶，暗黑模式對(duì)于色盲/色弱用戶群體是非常友好的。
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)用戶打開(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);
更多《 優(yōu)酷 APP 全量支持“暗黑模式” 設(shè)計(jì)與技術(shù)完整總結(jié)》電子書(shū)閱讀：點(diǎn)此鏈接。
廣告聲明：文內(nèi)含有的對(duì)外跳轉(zhuǎn)鏈接（包括不限于超鏈接、二維碼、口令等形式），用于傳遞更多信息，節(jié)省甄選時(shí)間，結(jié)果僅供參考，IT之家所有文章均包含本聲明。