Mode clair et sombre dans .NET MAUI

Pour notre deuxième défi .NET MAUI, testons nos souvenirs sur le réglage du mode sombre par rapport au mode clair.

Salut! 🙋‍♀️ Bienvenue sur #NetMauiChallenges ! Merci beaucoup d’avoir accepté ce défi ! 😎 Ces messages seront lancés périodiquement et exploreront des sujets qui vous aideront à continuer à grandir dans .NET FIXE!

Vous verrez que les défis portent sur des sujets simples et très précis mais importants. Le but ici est que vous puissiez prendre le temps de vous plonger dans chacun d’eux. Nous voulons que l’apprentissage soit amusant pour vous, donc peu importe le jour et l’heure à laquelle vous consultez cet article, cela ne prendra que quelques minutes !

Comment fonctionnent nos défis

Chaque défi a une structure facile à comprendre et qui respecte trois points importants pour être une réelle aide à votre évolution professionnelle :

• 🗒 Énoncé du défi : Vous verrez toujours une image qui vous donne une description de ce que le défi attend de vous. Après cela, vous verrez trois réponses possibles parmi lesquelles vous ne pouvez en sélectionner qu’une.

• 🔐Solution : Dans chaque défi, vous recevrez l’option qui résout la question. Il sera caché afin que vous l’analysiez d’abord, puis cliquez pour voir la bonne réponse avec son explication respective.

• 📔 Ressources d’étude : Une fois que vous voyez la bonne réponse, la solution de chaque défi aura des ressources d’étude afin que vous puissiez l’approfondir.

Vous préférez apprendre en vidéo ?

Vous pouvez regarder une version vidéo de cet article ici :

 

Mode clair et sombre dans .NET MAUI

Avez-vous remarqué que certaines applications adaptent leur apparence en tenant compte du mode d’apparence (mode clair ou sombre) configuré sur votre appareil ? Oui sûrement ! Eh bien, dans ce défi, vous en apprendrez un peu plus à ce sujet dans .NET MAUI.

Notre défi prend comme exemple un Label avec une propriété BackgroundColor, mais vous pouvez le faire avec n’importe quel contrôle et propriété que vous voulez ! Je vous laisse le défi ci-dessous !

Comment puis-je définir un mode clair ou sombre pour les commandes de mon application ?

Option A :

<Label BackgroundColor="{ AppThemeBinding
                          Light =Pink 
                          Dark  =Blue } " />

Option B :

<Label BackgroundColor="{ AppThemeBinding
                          Ligth =Pink 
                          Dark  =Blue } " />

Option C :

<Label BackgroundColor="{ AddThemeBinding
                          Light =Pink 
                          Dark  =Blue } " />

Avez-vous déjà la réponse ? Parfait! Veuillez cliquer ci-dessous pour voir la solution – ici vous pouvez voir la bonne réponse et son explication avec les documents à l’appui.

<Label BackgroundColor="{ AppThemeBinding
                          Light =Pink 
                          Dark  =Blue } " />

📒 Ressources d’étude

Pour étudier plus en profondeur la gestion du mode clair ou sombre dans votre application comme nous l’avons vu dans ce challenge, je vous conseille l’article «Gestion des modes clair et sombre avec .NET MAUI.”

Emballer

Nous vous invitons à partager ce défi sur vos réseaux en utilisant le hashtag #NetMauiChallenges.

À la prochaine! 🙋‍♀️ J’espère que ça vous a plu et que ça a été utile !

Merci d’avoir lu! 💚💕