Utiliser des thèmes modernes dans les applications canevas (version préliminaire)
[Cet article fait partie du document sur la version préliminaire et peut faire l’objet de modifications.]
Les thèmes modernes, qui sont des ensembles de styles préétablis, peuvent transformer l’apparence de votre application. Ces thèmes, basés sur le langage de conception Fluent de Microsoft, modifient divers aspects du style tels que la couleur, la typographie, les bordures et les ombres, ce qui garantit une interface visuellement agréable et cohérente. Les thèmes modernes rationalisent le processus de personnalisation, ce qui permet aux créateurs de concevoir sans effort une application avec un attrait visuel unifié et cohérent.
Important
- Cette fonctionnalité est en version préliminaire.
- Les fonctionnalités en version préliminaire ne sont pas destinées à une utilisation en production et peuvent être restreintes. Ces fonctionnalités sont disponibles avant une publication officielle afin que les clients puissent y accéder de façon anticipée et fournir des commentaires.
Conditions préalables
Pour utiliser des thèmes modernes, vous devez l’activer. En savoir plus, voir Activer les commandes et les thèmes modernes pour votre application.
Notes
Lorsque les contrôles et thèmes modernes sont activés, vous ne pourrez pas sélectionner de thèmes classiques dans la barre de commandes. Utiliser à la retraite thèmes classiques, vous devrez activer le Gardez les thèmes classiques paramètre d’application retiré.
Créer un thème
Plusieurs thèmes prédéfinis sont disponibles pour personnaliser votre application. Vous pouvez également concevoir votre propre thème pour une esthétique visuelle plus personnalisée.
- Sur le menu de création d’applications, sélectionnez
Thèmes. - Dans le volet Thèmes, sélectionnez Ajouter un thème.
- Dans la boîte de dialogue Créer un thème, saisissez les informations suivantes :
- Nom du thème : le nom du thème doit être unique.
- Police : choisissez la police par défaut que les contrôles de l’application utilisent lorsque le thème est appliqué.
- Couleur initiale : sélectionnez la couleur sur laquelle vous souhaitez baser votre thème ou saisissez manuellement la représentation hexadécimale ou RVB de la couleur. Le système génère une palette de 16 emplacements optimisée pour l’accessibilité.
- Teinte/Vibrance : Ajuster la palette de génération, en particulier les couleurs plus claires, avec les curseurs Teinte et Vibrance . La teinte affecte la nuance de couleur et la vibration affecte la douceur ou la luminosité de la palette.
- Si vous le souhaitez, consultez l’aperçu statique de votre nouveau thème. Vous pouvez interagir avec les exemples de contrôles pour voir comment votre thème est appliqué à l’état de repos et aux différents états d’interaction.
- Cliquez sur Créer.
Votre nouveau thème est créé et appliqué à votre application.
Appliquer un thème moderne
- Sur le menu de création d’applications, sélectionnez Thèmes.
- Dans le volet Thèmes, sélectionnez l’un des thèmes par défaut.
Lorsqu’un thème moderne est sélectionné, le style du thème est automatiquement appliqué aux contrôles de votre application. Cette action définit la propriété App.Theme.
Notes
Les thèmes modernes ont désormais un impact sur les contrôles classiques en définissant des propriétés sur les contrôles classiques avec Power Fx formules qui font référence aux variables du thème moderne.
Modifier un thème
Vous pouvez modifier le thème et changer un ou plusieurs paramètres du thème personnalisé.
- Sur le menu de création d’applications, sélectionnez Thèmes.
- Dans le volet Thèmes, recherchez la vignette correspondant au thème que vous souhaitez modifier et sélectionnez Options > Modifier.
- Dans le volet Modifier le thème, ajustez le thème selon vos besoins.
Notes
Vous ne pouvez pas modifier les thèmes prédéfinis.
Supprimer un thème
Si vous décidez que vous n’avez plus besoin d’un thème personnalisé dans votre application, vous pouvez le supprimer.
- Sur le menu de création d’applications, sélectionnez Thèmes.
- Dans le volet Thèmes, recherchez le thème que vous souhaitez modifier, puis sélectionnez (...) Options > Supprimer.
- Dans la boîte de dialogue de confirmation, sélectionnez Supprimer le thème.
Si vous disposez de formules Power Fx qui font référence à ce thème dans votre application, vous devez mettre à jour manuellement la formule.
Notes
Vous ne pouvez pas supprimer les thèmes prédéfinis.
Utiliser des thèmes avec Power Fx
Les objets thématiques modernes sont disponibles pour les créateurs via Power Fx. L’objet de thème actuellement actif peut être référencé par App.Theme, et tout thème chargé dans l’application peut être référencé par son nom d’instance tel que RedTheme. Nous vous recommandons de faire référence à l’objet du thème à l’aide de App.Theme pour garantir que les sélections de couleurs s’adaptent aux changements de thème.
Chaque objet de thème inclut les informations suivantes :
- Nom : le nom du thème.
- Couleurs : une collection des 16 couleurs composant la rampe de la marque pour le thème. Chaque couleur de cette rampe est accessible individuellement par son nom.
L’image montre les variables d’emplacement dans la collection Couleurs et, à titre d’exemple, les couleurs correspondantes pour le thème Acier.
À l’aide de la rampe de marque de thème, vous pouvez styliser manuellement un contrôle classique basé sur le thème moderne actuel, tel que Bouton.Fill = App.Theme.Colors.Primary.
Notes
Pour faire part de vos commentaires, consultez : Fournir vos commentaires à Microsoft.