隨著iOS 13和Android 10的正式發(fā)布，一個名詞"暗黑模式(Dark Mode)"逐漸走入了大家的視野。各大App都將暗黑模式的適配列入了開發(fā)日程?，F(xiàn)在阿里技術(shù)官方宣布了，優(yōu)酷App全量支持“暗黑模式”的設(shè)計與技術(shù)總結(jié)。
從2019年11月開始，優(yōu)酷主客Android端和iOS端使用兩個版本的時間，推動各業(yè)務(wù)方基本完成了主要使用路徑上數(shù)十個頁面的改造，還使用同一套方案同步完成了部分Weex頁面和H5頁面的適配，并完整地通過了UED的視覺驗收。
當(dāng)前，到App Store和各大Android市場下載的優(yōu)酷App最新版本，均已全量支持“暗黑模式”。
為什么要支持暗黑模式？
根據(jù)Apple官方的說法，暗黑模式可以“改善電池壽命，改善視力不佳和強光下的人的可視性，以及在弱光環(huán)境中更好地使用設(shè)備”。
1.改善電池壽命
從下圖中notebookcheck的功耗分析可以看出，在使用OLED屏幕時，屏幕上顯示的內(nèi)容決定了功耗。當(dāng)屏幕基本全黑時，OLED屏在任何亮度下的功耗都保持恒定。顯示了白色內(nèi)容的屏幕，功耗曲線會隨著亮度提高而逐漸變陡。
2.改善視力不佳用戶的可視性
我們面對的用戶群體中有一部分是色盲或者色弱用戶，暗黑模式對于色盲/色弱用戶群體是非常友好的。
3.弱光環(huán)境中的使用
在溫暖的被窩中也可以舒服地看劇了，再也不用害怕被白色背景閃瞎眼了。
4. UI風(fēng)格的統(tǒng)一
業(yè)務(wù)開發(fā)中難免會用到系統(tǒng)默認控件，而系統(tǒng)默認控件都支持了暗黑模式。如果自定義控件不支持的話，當(dāng)用戶打開暗黑模式后，就會發(fā)現(xiàn)風(fēng)格不統(tǒng)一的情況。
以iOS為例，在下圖的界面中，Tabbar已經(jīng)被轉(zhuǎn)成暗黑模式的樣式，但畫面上方的組件、文字因為都是自定義顏色/樣式，并沒有隨著模式切換而自動調(diào)整，這也讓整個畫面看起來不太協(xié)調(diào)。
如果短時間內(nèi)沒有精力支持暗黑模式，也可以在開發(fā)階段強制指定不支持暗黑模式。
對于iOS，需要在App的Info.plist里面添加名稱為User Interface Style,類型為String的項目，將User Interface Style的值設(shè)置為Light，聲明"只支持Light Mode"，就可以避免系統(tǒng)控件轉(zhuǎn)換為暗黑狀態(tài)。
對于Android，需要在App的Application里面調(diào)用下面的代碼，聲明不支持暗黑模式。
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);
更多《 優(yōu)酷 APP 全量支持“暗黑模式” 設(shè)計與技術(shù)完整總結(jié)》電子書閱讀：點此鏈接。
廣告聲明：文內(nèi)含有的對外跳轉(zhuǎn)鏈接（包括不限于超鏈接、二維碼、口令等形式），用于傳遞更多信息，節(jié)省甄選時間，結(jié)果僅供參考，IT之家所有文章均包含本聲明。