Partager via


Mode sombre dans Xamarin.iOS

Le mode sombre est une option à l’échelle du système pour les thèmes clairs et sombres. Les utilisateurs iOS peuvent désormais choisir le thème ou autoriser iOS à modifier dynamiquement l’apparence en fonction de l’environnement et de l’heure de la journée.

Ce document présente le mode sombre et la prise en charge du mode sombre dans les applications iOS 13.

Spécifications

Le mode sombre nécessite iOS 13 et Xcode 11, Xamarin.iOS 12.99 et Visual Studio 2019 ou Visual Studio 2019 pour Mac avec prise en charge de Xcode 11.

Activation du mode sombre

Apple fournit un menu développeur dans iOS 13 pour basculer entre les modes sombre et clair. Dans le simulateur iOS 13, ouvrez Paramètres et choisissez la section Développeur , puis faites défiler jusqu’au commutateur Apparence sombre . La modification est reflétée dans l’ensemble de l’environnement du simulateur :

Activation du mode sombre

Ressources pour les modes Clair et Sombre

Le catalogue de ressources dans Visual Studio prend désormais en charge les images et les couleurs facultatives pour chaque mode d’apparence : Universel, Sombre et Clair. Lors de la définition de vos images et couleurs de cette façon, iOS choisit automatiquement l’image et la couleur appropriées.

Ouvrez votre fichier Assets.xcassets dans votre projet iOS et ajoutez un nouveau jeu d’images. Notez que vous pouvez spécifier des images universelles, sombres et claires à n’importe quelle résolution cible. Dans la capture d’écran ci-dessous, vous trouverez une image pour l’obscurité et la lumière avec le nom « MicrosoftLogo » :

Ressources pour les modes Clair et Sombre

Assets.xcassets contient également des entrées pour BackgroundColor et TitleColor, qui sont des définitions de couleurs. Ces couleurs sont désormais disponibles par nom pour être utilisées dans toute l’application. BackgroundColor a été affecté à l’arrière-plan de l’affichage et TitleColor à l’étiquette, comme illustré dans cette capture d’écran :

Capture d’écran montrant les appareils mobiles en mode clair et sombre avec différentes couleurs d’arrière-plan et de titre.

Couleurs système dynamiques

Apple a introduit de nouvelles couleurs sémantiques qui ajustent leur apparence dynamiquement en fonction du nouveau paramètre de mode sombre.

Résumé

Cet article a présenté le mode sombre pour iOS et la spécification d’images et de couleurs pour chaque mode à l’aide du catalogue de ressources.