Dunkler Modus in Xamarin.iOS

Der dunkle Modus ist eine systemweite Option für helle und dunkle Designs. iOS-Benutzer können nun das Design auswählen oder iOS erlauben, das Erscheinungsbild dynamisch basierend auf der Umgebung und Tageszeit zu ändern.

In diesem Dokument wird der dunkle Modus und die Unterstützung des dunklen Modus in iOS 13-Anwendungen vorgestellt.

Anforderungen

Für den dunklen Modus sind iOS 13 und Xcode 11, Xamarin.iOS 12.99 und Visual Studio 2019 oder Visual Studio 2019 für Mac mit Xcode 11-Unterstützung erforderlich.

Aktivieren des dunklen Modus

Apple bietet ein Entwicklermenü in iOS 13, um zwischen dunklem und hellem Modus umzuschalten. Öffnen Sie im iOS 13-Simulator Einstellungen , wählen Sie den Abschnitt Entwickler aus, und scrollen Sie dann zum Schalter Dunkles Aussehen . Die Änderung wird in der gesamten Simulatorumgebung widergespiegelt:

Aktivieren des dunklen Modus

Ressourcen für den Hell- und Dunkelmodus

Der Objektkatalog in Visual Studio unterstützt jetzt optionale Bilder und Farben für jeden Darstellungsmodus: Universell, Dunkel und Hell. Wenn Sie Ihre Bilder und Farben auf diese Weise definieren, wählt iOS automatisch das entsprechende Bild und die entsprechende Farbe aus.

Öffnen Sie Ihre Datei Assets.xcassets in Ihrem iOS-Projekt, und fügen Sie einen neuen Imagesatz hinzu. Beachten Sie, dass Sie universelle, dunkle und helle Bilder in jeder der Zielauflösungen angeben können. Im folgenden Screenshot sehen Sie ein Bild für Dunkel und Licht mit dem Namen "MicrosoftLogo":

Ressourcen für den Hell- und Dunkelmodus

Assets.xcassets enthält auch Einträge für BackgroundColor und TitleColor, bei denen es sich um Farbdefinitionen handelt. Diese Farben sind jetzt nach Namen verfügbar, die in der gesamten Anwendung verwendet werden können. BackgroundColor wurde dem Hintergrund der Ansicht und TitleColor der Bezeichnung zugewiesen, wie in diesem Screenshot gezeigt:

Screenshot: Mobile Geräte im Hell- und Dunkelmodus mit unterschiedlichen Hintergrund- und Titelfarben.

Dynamische Systemfarben

Apple hat neue semantische Farben eingeführt, die ihr Aussehen basierend auf der neuen Einstellung für den dunklen Modus dynamisch anpassen.

Zusammenfassung

In diesem Artikel wurde der dunkle Modus für iOS vorgestellt und die Angabe von Bildern und Farben für jeden Modus mithilfe des Ressourcenkatalogs beschrieben.