Découvrir Power Apps Studio

Introduction à Power Apps

Luise Freese

Azure & Power Platform Architect

Le portail de création

Connectez-vous à make.powerapps.com avec votre compte pro
Navigation gauche : Accueil, + Créer, Applications, Tables, Flux
Tout ce que vous créez dans ce cours se trouve ici

Accueil du portail de création Power Apps sur make.powerapps.com, avec la navigation à gauche et l'écran d'accueil avec tuiles de démarrage

Créer une application canevas vierge

Dans le menu de gauche, cliquez sur + Créer
Sous Démarrer à partir d'un modèle, choisissez Créer à partir d'une page vierge
Choisissez Tablette ou Téléphone ; vous le nommerez lors de l'enregistrement

Page Créer de Power Apps sur make.powerapps.com affichant les options Démarrer à partir d'un modèle, dont Créer à partir d'une page vierge, Écran partagé, Barre latérale et En-tête

Activer les contrôles modernes

Paramètre au niveau de l'application
Désactivé par défaut
Déjà activé si un collègue l'a fait avant

Le menu à trois points ouvert dans la barre de commandes de Power Apps Studio, avec Paramètres mis en évidence sous Insérer, Ajouter des données, Nouvel écran, Thème et les options d'arrière-plan

La boîte de dialogue Paramètres de Power Apps, onglet Mises à jour, sous-onglet Nouveau sélectionné, avec l'interrupteur Contrôles et thèmes modernes activé

Dans l'éditeur Studio

1. Vue arborescente (gauche) : écrans et contrôles ; clic pour sélectionner, double-clic pour renommer

2. Canevas (centre) : disposez les contrôles visuellement

3. Volet Propriétés (droite) : réglages du contrôle sélectionné

4. Barre de formule (haut) : écrivez des expressions Power Fx

Power Apps Studio avec quatre repères numérotés : 1 indique la Vue arborescente à gauche, 2 le canevas au centre, 3 le volet Propriétés à droite et 4 la barre de formule en haut

Ajouter des contrôles

Cliquez sur + Insérer pour ouvrir le catalogue
Ajoutez un Libellé texte, Champ texte, Bouton
Chaque contrôle a des propriétés : Text, Fill, Size, etc.

Volet Insérer de Power Apps Studio ouvert depuis la barre d'outils, listant des catégories de contrôles comme Libellé texte, Bouton et Galerie

Apercevoir votre application

Mode aperçu de Power Apps Studio avec l'application en cours d'exécution

Cliquez sur le bouton ▷ (en haut à droite) pour exécuter l'application
Cliquez sur les boutons, saisissez du texte : cela se comporte comme l'application réelle
Cliquez sur ✕ pour revenir à l'éditeur

Enregistrer ou publier ?

Enregistrer conserve votre travail
Publier rend la version accessible à ceux avec qui vous la partagez
Nous publierons correctement au chapitre 4

Barre d'outils de Power Apps Studio avec les icônes Enregistrer et Publier en haut à droite, à côté de Édition, Propriétés, Commentaires, Vérificateur d'application, Partager et Aperçu

Les conteneurs viendront après

Deux écrans d'app mobile côte à côte. À gauche, « Now : blank screen » montre un seul bouton sur un canevas vide. À droite, « Chapter 4 : layouts » affiche le même bouton dans un conteneur horizontal avec d'autres contrôles alignés autour.

À suivre : un écran vierge pour voir chaque contrôle
Chapitre 4 : conteneurs de disposition pour une app réactive
Ne vous souciez pas encore de l'alignement

Ce que vous allez créer

Créez une application canevas vierge
Ajoutez deux écrans et vos premiers contrôles
Apercevez l'ensemble avec le bouton ▷

Capture réelle de Power Apps Studio montrant l'application Library Sign-in, avec la Vue arborescente à gauche listant Screen1 (avec les contrôles Label, Button, TextInput) et Screen2, le canevas affichant l'écran de connexion avec en-tête sarcelle, texte de bienvenue, champ nom, bouton Sign in et message Thanks Priya, et le volet Propriétés à droite

Passons à la pratique !

Introduction à Power Apps