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

隨著iOS 13和Android 10的正式發佈，一個名詞"暗黑模式(Dark Mode)"逐漸走入了大家的視野。各大App都將暗黑模式的適配列入了開發日程。現在阿里技術官方宣佈了，優酷App全量支持“暗黑模式”的設計與技術總結。

從2019年11月開始，優酷主客Android端和iOS端使用兩個版本的時間，推動各業務方基本完成了主要使用路徑上數十個頁面的改造，還使用同一套方案同步完成了部分Weex頁面和H5頁面的適配，並完整地通過了UED的視覺驗收。

當前，到App Store和各大Android市場下載的優酷App最新版本，均已全量支持“暗黑模式”。

為什麼要支持暗黑模式？

根據Apple官方的說法，暗黑模式可以“改善電池壽命，改善視力不佳和強光下的人的可視性，以及在弱光環境中更好地使用設備”。

1.改善電池壽命

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

2.改善視力不佳用戶的可視性

我們面對的用戶群體中有一部分是色盲或者色弱用戶，暗黑模式對於色盲/色弱用戶群體是非常友好的。

3.弱光環境中的使用

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

4. UI風格的統一

業務開發中難免會用到系統默認控件，而系統默認控件都支持了暗黑模式。如果自定義控件不支持的話，當用戶打開暗黑模式後，就會發現風格不統一的情況。

以iOS為例，在下圖的界面中，Tabbar已經被轉成暗黑模式的樣式，但畫面上方的組件、文字因為都是自定義顏色/樣式，並沒有隨著模式切換而自動調整，這也讓整個畫面看起來不太協調。

如果短時間內沒有精力支持暗黑模式，也可以在開發階段強制指定不支持暗黑模式。

對於iOS，需要在App的Info.plist裡面添加名稱為User Interface Style,類型為String的項目，將User Interface Style的值設置為Light，聲明"只支持Light Mode"，就可以避免系統控件轉換為暗黑狀態。

對於Android，需要在App的Application裡面調用下面的代碼，聲明不支持暗黑模式。

AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);

更多《 優酷 APP 全量支持“暗黑模式” 設計與技術完整總結》電子書閱讀：點此鏈接。