Lab 4 – Créer l'interface utilisateur
Dans ce laboratoire, vous modifierez les couleurs des commandes de l'application.
Ce que vous apprendrez
- Comment utiliser les thèmes
- Comment personnaliser votre application
Étapes de laboratoire de haut niveau
- Sélectionnez un thème
- Personnalisation
Conditions préalables
- Doit avoir terminé le laboratoire 3 : Créer une application canevas
Étapes détaillées
Exercice 1 – Thème
Tâche 1.1 – Modifier l’application
- Accédez au portail Power Apps Maker https://make.powerapps.com.
- Assurez-vous que vous êtes dans l'environnement Dev One.
- Sélectionnez l’onglet Applications dans le menu de gauche.
- Sélectionnez l'application Booking Request, sélectionnez les commandes (...) et sélectionnez Modifier > Modifier dans un nouvel onglet.
Tâche 1.2 – Sélectionner un thème
- Dans le menu de création d'application, sélectionnez Thème.
- Sélectionnez le thème Rouge.
Tâche 1.3 – Contrôles de marque
- Dans le menu de création d’applications, sélectionnez Arborescence.
- Développez la galerie BookingRequestList.
- Sélectionnez NextArrowX.
- Définissez la propriété Color de NextArrow dans la barre de formule sur :
RGBA(164; 38; 44; 1)ouApp.Theme.Colors.Primary - Sélectionnez Body1.
- Définissez la propriété Color de Body dans la barre de formule sur :
If(ThisItem.Cost > 1000; App.Theme.Colors.Primary; Color.Black)- Sélectionnez Enregistrer en haut à droite de Power Apps Studio.
Exercice 2 – Personnalisation
Tâche 2.1 – Ajouter une étiquette d’utilisateur
- Sélectionnez l'extérieur de la galerie sur le canevas vierge ou sélectionnez l' écran principal.
- Dans le menu de création de l'application, sélectionnez Insérer (+).
- Sélectionnez Étiquette de texte.
- Faites glisser l’étiquette vers le coin supérieur droit de l’écran.
- Dans le menu de création d’applications, sélectionnez Arborescence.
- Renommez l'étiquette en
UserLabel. - Définissez les propriétés de l'étiquette dans la barre de formule comme suit :
- X=
1100 - Y=
20 - Height=
40 - Width=
250 - Align=
Align.Right - Size=
18 - PaddingRight =
10 - Color=
Color.White - Text=
User().FullName (Fonction User - Power Platform )

- X=
- Sélectionnez Enregistrer en haut à droite de Power Apps Studio.
- Sélectionnez le bouton <- Retour en haut à gauche de la barre de commandes, puis sélectionnez Quitter pour quitter l'application.