Ressources
Abonné:
- Organisé par
-
Composant FormFactorSelector
Composant FormFactorSelector
Voici le dernier-né de mes composants : le FormFactorSelector.
Ce composant vous permet de modifier en LIVE la taille d’un écran de votre application en cours de développement directement depuis le Studio Power Apps afin de le tester dans différents facteurs de forme (mobile, tablette, PC) :
Hyper pratique lors du développement d’applications responsives… 😉
Instructions d’utilisation
Téléchargez le fichier MSAPP ci-joint
Ouvrez votre application dans le Studio Power Apps
Importez le composant dans votre application à partir du fichier MSAPP téléchargé précédemment
Ajoutez le composant à l’écran que vous voulez tester sous les différents facteurs de formes (nommez-le par exemple cmpFormFactorSelector)
Définissez sa position X à :
Parent.Width - Self.WidthDéfinissez sa position Y à :
-Self.Height(attention, n’oubliez pas le signe ‘-‘)Définissez la propriété Width de votre écran à :
cmpFormFactorSelector.ScreenWidthDéfinissez la propriété Height de votre écran à :
cmpFormFactorSelector.ScreenHeight
Et voilàaaa… Cliquez simplement sur l’icône souhaité pour changer la taille de votre écran. Cliquez à nouveau sur l’icône déjà actif pour appliquer une rotation de 90° à votre écran et le tester en mode paysage.
La publication officielle du composant est ici : https://powerusers.microsoft.com/t5/Canvas-Apps-Components-Samples/FormFactorSelector-for-Power-Apps-Studio/td-p/1520048
Le composant sur Github est ici : https://github.com/e-gallis/PowerApps/tree/master/Components/FormFactorSelector
Téléchargez, installez, profitez… 😊
PostID=HKneRyy4NPAuX6d
- 3 Réponses
Tu sais que le module devtools d’edge permet de faire la même chose
Les crédits reviennent à Shaeyoung
CommentID=hceoUEGKvJPE7bj, PostID=HKneRyy4NPAuX6d
Cpafo, mais ce qui est relou c’est de voir son Studio complètement redimensionné (et du coup ton appli s’affiche en rikiki passke le Studio lui applique un dézoom automatique)… Perso, l’intérêt ici du composant c’est que c’est juste l’écran que tu es en train de construire qui change de facteur de forme, pas tout ton onglet du navigateur… 😉
CommentID=Rp0inENHOaZCqc7, PostID=HKneRyy4NPAuX6d
J’ai rajouté un événement OnChange au composant. Cet événement est déclenché à chaque fois que l’on clique sur un des 3 icônes pour choisir un facteur de forme… 😉
CommentID=3dGr6Jno7L5MFGn, PostID=HKneRyy4NPAuX6d
Connectez-vous pour répondre.