Press "Enter" to skip to content

Dark Mode in iOS 13

Der Dark Mode gehört zu den interessantesten Neuerungen in iOS 13 und iPadOS 13. In dieser Videoreihe zeige ich euch, wie ihr eure Apps für den Dark Mode fit macht und welche Besonderheiten es zu beachten gilt.

Inhaltsverzeichnis

#01: Passende Farben setzen und Dark Mode testen

Der Dark Mode ist eines der spannendsten neuen Features im bald erscheinenden iOS 13. In dieser neuen Let’s Code-Reihe zeige ich euch, wie ihr den Dark Mode in iOS-Apps adaptieren könnt und welche Tricks und Kniffe euch hierbei nützlich sein können.

#02: Eigene Color-Assets erstellen

Mithilfe eigens kreierter Color-Assets kann man ganz leicht verschiedene Farben für Light und Dark Mode festlegen und verwenden.

#03: Appearance-Mode festlegen

Möchte man für einzelne View-Controller einen dynamischen Wechsel zwischen Light und Dark Mode verhindern, kann man zu diesem Zweck die overrideUserInterfaceStyle-Property verwenden.

#04: Darstellung überschreiben

Manche Views oder View-Controller einer App sollen womöglich immer Light oder Dark Mode erscheinen, ganz gleich, welche Einstellung der Nutzer im System festgelegt hat. Mithilfe der overrideUserInterfaceStyle-Property lässt sich diese Anforderung schnell und einfach umsetzen.

#05: Dark Mode deaktivieren

Es gibt auch die Möglichkeit, den Dark Mode in iOS 13 vollständig zu ignorieren oder zukünftig auf eine Light-Variante zu verzichten. Das lässt sich schnell und einfach mithilfe eines passenden Schlüssels für die Info.plist-Datei festlegen.

#06: Dynamic Color im Code erzeugen

Dynamic Colors lassen sich nicht nur über Asset Catalogs erstellen und verwenden. Auch eine Generierung im Code ist möglich.

#07: Dynamic-Image erstellen

Neben Dynamic Colors lassen sich auch Dynamic Images umsetzen. Solche Image Sets liefern abhängig davon, welches Erscheinungsbild aktiv ist, ein anderes Bild zurück.

Impressum

Thomas Sillmann
Kettererstraße 6
D-63739 Aschaffenburg
E-Mail: contact@thomassillmann.de
Mobil: +49 (0) 151 65125650
Web: https://www.thomassillmann.de/

Inhaltlich Verantwortlicher gemäß §55 Abs. 2 RStV: Thomas Sillmann (Anschrift siehe oben)

Haftungshinweis: Trotz sorgfältiger inhaltlicher Kontrolle übernehme ich keine Haftung für die Inhalte externer Links. Für die Inhalte der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.

Kontakt und soziale Netzwerke

Copyright © 2020 · Thomas Sillmann