Share via


Xamarin.iOS 中的深色模式

深色模式是淺色和深色主題的系統範圍選項。 iOS 用戶現在可以選擇主題,或允許 iOS 根據環境和一天中的時間動態變更外觀。

本檔介紹深色模式和支援 iOS 13 應用程式中的深色模式。

需求

深色模式需要 iOS 13 和 Xcode 11、Xamarin.iOS 12.99 和 Visual Studio 2019 或 Visual Studio 2019 for Mac,且支援 Xcode 11。

開啟深色模式

Apple 在 iOS 13 中提供開發人員功能表,以在深色和淺色模式之間切換。 在 iOS 13 模擬器中開啟 設定 並選擇 [開發人員] 區段,然後捲動至 [深色外觀] 參數。 變更將會反映在整個模擬器環境中:

Turning on Dark Mode

淺色和深色模式的資產

Visual Studio 中的資產目錄現在支援每個外觀模式的選擇性影像和色彩:通用、深色和淺色。 以這種方式定義影像和色彩時,iOS 會自動選擇適當的影像和色彩。

在您的 iOS 項目中開啟 Assets.xcassets 檔案,並新增映像集。 請注意,您可以在任何目標解析度上指定通用、深色和淺色影像。 在下列螢幕快照中,有一個深色和淺色影像,其名稱為 “MicrosoftLogo”:

Assets for Light and Dark Modes

Assets.xcassets 也包含 BackgroundColor 和 TitleColor 的專案,這些專案是色彩定義。 這些色彩現在可依名稱提供,以在整個應用程式中使用。 BackgroundColor 已指派給檢視的背景,並將 TitleColor 指派給標籤,如下列螢幕快照所示:

Screenshot shows mobile devices in light and dark mode with different background and title colors.

動態系統色彩

Apple 引進了新的語意色彩,可根據新的深色模式設定動態調整其外觀。

摘要

本文介紹適用於 iOS 的深色模式,並使用資產目錄為每個模式指定影像和色彩。