Utiliser des composants de thèmes

Une demande fréquente des organisations dans lesquelles des créateurs créent des applications canevas concerne la possibilité d’appliquer des thèmes, plus précisément, la possibilité de créer des applications qui reflètent la marque de l’organisation. Les ressources de cette solution vous aideront à créer, gérer et partager des thèmes. Pour plus d’informations, consultez Configurer des composants de thèmes

Vous utilisez des composants de thème pour créer et gérer des thèmes pour les applications canevas. Un thème contient une collection de styles qui définissent plusieurs propriétés de conception des contrôles et des composants, telles que les couleurs, les polices et les bordures. Ces styles sont ensuite appliqués automatiquement lorsque les créateurs utilisent le modèle d’application à thème pour créer une nouvelle application ; un thème est automatiquement appliqué aux commandes et aux composants.

Les composants de thème permettent aux créateurs de se concentrer sur ce qui compte : la logique métier et le problème qu’ils essaient de résoudre. Et les utilisateurs peuvent connaître une expérience cohérente lors de l’utilisation des applications.

Voici une décomposition des actifs de la solution de composants de thèmes :

• Application d’édition de thèmes
• Application Galerie de thèmes
• Partagé bibliothèque de composants

Tables

Thème

Représente un thème personnalisé créé avec l’application Éditeur de thèmes.

Style

Représente les propriétés de style correspondant à un thème créé avec l’application Éditeur de thèmes. Les couleurs, bordures, polices sont stockées dans cette table.

Applications

Éditeur de thème

L’application Éditeur de thèmes permet aux concepteurs de créer et de gérer des thèmes. Un thème contient une collection de styles qui définit les propriétés de conception des contrôles et des composants, telles que les couleurs, les polices et les bordures.

Autorisation : Partager Éditeur de thèmes avec vos concepteurs créant des thèmes.

Prérequis : Cette application utilise Microsoft Dataverse ; une licence Premium est donc requise pour chaque utilisateur de l’application.

Note

Si vous avez récemment activé l’utilisation des composants de code dans l’environnement, vous devrez peut-être modifier et republier l’Éditeur de thème pour afficher correctement les composants.

L’Éditeur de thèmes fournit une vue d’ensemble des thèmes existants et les utilisateurs peuvent modifier un thème ou en créer un nouveau.

Utilisez les styles (sélecteur de couleurs, sélecteur de polices) pour créer le style et afficher un aperçu en temps réel du thème au fil de la modification des couleurs, des polices et des tailles.

Une fois la création du thème terminée, sélectionnez Publier le thème. Ici, les concepteurs de thème devront mettre à jour les fichiers AppTemplatePhone.msapp et AppTemplateTablet.msapp, et les charger. Cette étape garantit que le modèle d’application sera prêt à être utilisé par les créateurs.

Mettre à jour les fichiers .msapp

1. Copiez la formule Set(ThemeName, "Your Theme Name") dans votre presse-papiers ou votre bloc-notes.
2. Accédez à make.powerapps.com, puis accédez à votre environnement CoE où la solution de création de thème est installée.
3. Dans le volet de gauche, sélectionnez Solutions.
4. Sélectionnez la solution de création de thème du Center of Excellence.
5. Modifiez l’application canevas AppTemplatePhone.
6. Sélectionnez Application>OnStart et remplacez la première ligne de la formule par la nouvelle formule que vous avez copiée à partir de l’Éditeur de thèmes. Assurez-vous de ne remplacer aucune autre formule dans la fonction OnStart et que la ligne se termine par un point-virgule.
7. Sélectionnez Fichier>Enregistrer sous>Cet ordinateur pour enregistrer le fichier localement.
8. Téléchargez le fichier.

Suivez les mêmes étapes pour l’application canevas AppTemplateTablet.

Revenez à l’application Éditeur de thèmes et chargez les fichiers de modèle que vous venez de télécharger.

Sélectionnez Terminer pour publier le thème dans l’application de Galerie de thèmes.

Galerie de thèmes

L’application Galerie de thèmes peut être utilisée par les créateurs d’applications pour parcourir les thèmes existants et télécharger un modèle d’application correspondant, soit pour la disposition pour téléphone (AppTemplatePhone.msapp), soit pour la disposition pour tablette (AppTemplateTablet.msapp).

Autorisation : Partager la galerie de thèmes avec les créateurs de votre organisation.

Prérequis : Cette application utilise Dataverse ; une licence Premium est donc requise pour chaque utilisateur de l’application.

Les créateurs peuvent obtenir un aperçu et parcourir les thèmes disponibles

La vue détaillée du thème fournit un aperçu de tous les styles appliqués aux commandes et composants natifs.

Les créateurs d’applications peuvent télécharger le modèle correspondant à la disposition de leur choix.

Utiliser le modèle

Créer une application basé sur le modèle.

1. Accédez à make.powerapps.com.
2. Sélectionnez Nouveau>Application canevas.
3. Sélectionnez ...>Ouvrir>Parcourir les fichiers, puis sélectionnez le fichier de modèle téléchargé depuis la galerie de thèmes.
4. Une fois ouvert, le thème sera automatiquement appliqué aux contrôles ou aux composants que vous ajouterez à l’écran.

Composants

Bibliothèque de composants partagés

Les bibliothèques de composants fournissent un référentiel centralisé et géré de composants pour la réutilisabilité. Les bibliothèques de composants sont le moyen recommandé de partager des composants entre les applications.

La bibliothèque de composants partagés dans la solution de composant de création de thèmes contient un composant Header, TabControl et PreLoader. La bibliothèque de composants partagés n’est pas modifiable. Faites une copie de la bibliothèque avant de la développer.

Autorisation : Partager le bibliothèque de composants partagé avec les créateurs de votre organisation. Lorsque les créateurs utilisent les mêmes composants pour créer leurs applications, cela participe à constituer une apparence et une convivialité cohérentes entre les applications de votre organisation.

Pour qu’un composant utilise également le thème, les créateurs devront mettre à jour la propriété Style et la définir sur ComponentStyles. ComponentStyles est une collection de styles spécialement formatés pour les composants et initialisés dans le cadre du code de démarrage de l’application.