Modalità scura in Xamarin.iOS

La modalità scura è un'opzione a livello di sistema per i temi chiari e scuri. Gli utenti iOS possono ora scegliere il tema o consentire a iOS di modificare dinamicamente l'aspetto in base all'ambiente e all'ora del giorno.

Questo documento introduce la modalità scura e supporta la modalità scura nelle applicazioni iOS 13.

Requisiti

La modalità scura richiede iOS 13 e Xcode 11, Xamarin.iOS 12.99 e Visual Studio 2019 o Visual Studio 2019 per Mac con supporto Xcode 11.

Attivazione della modalità scura

Apple offre un menu per sviluppatori in iOS 13 per passare da una modalità scura a quella chiara. Nel simulatore iOS 13 aprire Impostazioni e scegliere la sezione Sviluppo, quindi scorrere fino all'opzione Aspetto scuro. La modifica verrà riflessa nell'intero ambiente del simulatore:

Turning on Dark Mode

Asset per le modalità chiaro e scuro

Il Catalogo asset in Visual Studio supporta ora immagini e colori facoltativi per ogni modalità di aspetto: Universale, Scuro e Chiaro. Quando si definiscono le immagini e i colori in questo modo, iOS sceglierà automaticamente l'immagine e il colore appropriati.

Aprire il file Assets.xcassets nel progetto iOS e aggiungere un nuovo set di immagini. Si noti che è possibile specificare immagini universali, scure e chiare in una qualsiasi delle risoluzioni di destinazione. Nello screenshot seguente è presente un'immagine per la luce scura e per la luce con il nome "MicrosoftLogo":

Assets for Light and Dark Modes

Assets.xcassets contiene anche voci per BackgroundColor e TitleColor, ovvero definizioni di colore. Questi colori sono ora disponibili in base al nome da usare in tutta l'applicazione. BackgroundColor è stato assegnato allo sfondo della visualizzazione e titleColor all'etichetta, come illustrato in questo screenshot:

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

Colori di sistema dinamici

Apple ha introdotto nuovi colori semantici che regolano l'aspetto in modo dinamico in base alla nuova impostazione della modalità scura.

Riepilogo

Questo articolo ha introdotto la modalità scura per iOS e specifica le immagini e i colori per ogni modalità usando il catalogo di asset.