PowerApps - Composants réutilisables Tutoriels

  • 00:04:59
  • 1 vues
résultat(s)
00:00:07
que vous pouvez intégrer à plusieurs écrans ou applications dans Power apps.
00:00:13
ils offrent plusieurs avantages,
00:00:15
notamment un gain de temps considérable
00:00:17
en garantissant une homogénéité du design.
00:00:20
Une mise à jour simplifiée puisque toute modification apportée au composants
00:00:25
se répercute sur toutes les instances où il est utilisé,
00:00:29
ainsi qu'une meilleure organisation du code,
00:00:32
un structure plus optimisée pour l'application.
00:00:36
Pour illustrer cette démarche,
00:00:38
nous allons créer un menu
00:00:40
réutilisable.
00:00:41
Tout commence par la création d'un composant.
00:00:44
Dans Power Ups,
00:00:45
il suffit de cliquer sur composant dans le
00:00:48
menu de gauche et de sélectionner nouveau composant.
00:00:51
Une fois ajouté,
00:00:52
il est possible de le renommer en double cliquant dessus
00:00:56
et en attribuant un nom pertinent.
00:01:00
La définition des dimensions joue un
00:01:02
rôle crucial dans l'adaptabilité du composant.
00:01:06
Pour la largeur,
00:01:07
une valeur fixe de 80 est définie afin de garantir une taille constante
00:01:12
et éviter des ajustements imprévus.
00:01:15
En revanche,
00:01:17
la hauteur est dynamique
00:01:19
et définie par app height
00:01:21
plutôt que parent height
00:01:23
car au moment de la création du composant,
00:01:26
celui-ci ne possède pas encore deux parents spécifiques.
00:01:29
L'utilisation de app height
00:01:32
garantit une adaptation à la taille globale de l'application
00:01:35
indépendamment des éléments qui l'accueilleront par la suite.
00:01:39
Une fois inséré dans l'application,
00:01:41
il est possible de modifier ces dimensions
00:01:44
et d'utiliser
00:01:45
parent point height
00:01:47
si l'on souhaite l'ajuster en fonction du conteneur qui le contient.
00:01:51
L'arrière-plan peut également être modifié pour mieux
00:01:54
s'intégrer au design global de l'application.
00:01:58
L'ajout d'un conteneur vertical est essentiel pour organiser
00:02:01
les éléments du menu de manière logique.
00:02:04
Le choix du conteneur vertical s'explique par le fait
00:02:07
que les menus sont généralement affichés en colonne,
00:02:10
facilitant la navigation,
00:02:12
afin de garantir un positionnement optimal,
00:02:16
les valeurs X et y sont fixées à zéro,
00:02:19
ce qui permet aux composants d'être bien aligné dès le départ.
00:02:24
Pour assurer un bon dimensionnement,
00:02:26
la largeur et la hauteur sont définies en fonction des propriétés
00:02:30
parent point h
00:02:32
et parent point height,
00:02:34
garantissant ainsi que le menu occupe tout l'espace disponible.
00:02:39
Pour une disposition harmonieuse,
00:02:41
l'alignement vertical et horizontal des éléments
00:02:44
est centré
00:02:45
afin d'obtenir une présentation uniforme.
00:02:50
L'insertion des icônes
00:02:51
est une étape
00:02:52
essentielle pour la construction du menu.
00:02:55
Dans l'onglet insérer,
00:02:57
il suffit de rechercher le nom de l'icône souhaitée
00:03:00
et de cliquer dessus pour l'ajouter.
00:03:06
L'alignement des icônes
00:03:08
peut être ajusté au sein du conteneur
00:03:11
et pour une meilleure lisibilité,
00:03:13
un espacement est ajouté entre elles.
00:03:16
Pour modifier l'apparence des icônes,
00:03:19
plusieurs options sont disponibles.
00:03:20
Une sélection individuelle ou multiple peut être
00:03:23
effectuée en maintenant la touche mage,
00:03:26
ce qui permet par exemple
00:03:28
de changer la couleur de plusieurs icônes en même temps.
00:03:31
Power Ups offre diverses possibilités de personnalisation
00:03:35
telles que la modification de la taille,
00:03:37
de la bordure ou encore l'ajout d'animation.
00:03:41
Une fois le composant prêt,
00:03:43
il est possible de l'exporter afin de le réutiliser dans d'autres applications.
00:03:48
Pour ce faire,
00:03:49
il vous suffit de cliquer sur le bouton exporter.
00:03:53
de télécharger le fichier.
00:03:55
Puis de l'enregistrer à l'emplacement prévu.
00:04:00
Il est important de noter que l'exportation
00:04:02
inclut tous les composants créés dans l'application.
00:04:06
Pour importer un composant,
00:04:07
il suffit d'utiliser l'option importer,
00:04:10
de sélectionner le fichier correspondant
00:04:13
et de valider son intégration.
00:04:16
L'étape finale consiste à intégrer le composant
00:04:19
créé dans une application Power apps.
00:04:21
Pour ce faire,
00:04:22
il faut revenir à l'écran principal,
00:04:24
choisir le conteneur d'accueil,
00:04:26
puis aller dans l'onglet
00:04:28
insérer,
00:04:29
sélectionner,
00:04:30
personnaliser
00:04:31
et enfin choisir le composant souhaité.
00:04:34
la création de composants réutilisables dans Power Ups
00:04:38
permet d'optimiser la structuration des applications
00:04:42
en garantissant une meilleure organisation,
00:04:44
une productivité accrue,
00:04:46
un maintenance simplifiée.
00:04:48
En suivant ces étapes,
00:04:49
vous pourrez concevoir des interfaces fonctionnelles,
00:04:53
cohérentes et évolutives
00:04:55
adaptées aux besoins spécifiques de vos projets.

Il n’existe aucun élément correspondant à votre recherche dans cette vidéo...
Effectuez une autre recherche ou retournez au contenu !

 

Mandarine AI: CE QUI POURRAIT VOUS INTÉRESSER

LES COURS ASSOCIÉS Ce tutoriel fait partie des cours suivants

Abonnés
1 vues

Formation Vidéo Microsoft PowerApps - Concevez des expériences utilisateur dynamiques et engageantes

Renforcez votre maîtrise de Power Apps grâce à ce module intermédiaire. Apprenez à structurer des interfaces responsives, à améliorer la vis...

Cours E-learning
TOUS LES COURS

Une erreur est survenue

Impossible de sauvegarder votre progression. Veuillez recharger la page, vous connecter, et essayer de nouveau. Si le problème persiste, merci de contacter un administrateur.

Fermer

Rappel

Afficher

/

Acceder à la session