Composant FormFactorSelector

Étiquetté : , ,

  • Composant FormFactorSelector

    Posté par R3dKap sur 28 mars 2022 à 12h01

    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

    1. Téléchargez le fichier MSAPP ci-joint

    2. Ouvrez votre application dans le Studio Power Apps

    3. Importez le composant dans votre application à partir du fichier MSAPP téléchargé précédemment

    4. Ajoutez le composant à l’écran que vous voulez tester sous les différents facteurs de formes (nommez-le par exemple cmpFormFactorSelector)

    5. Définissez sa position X à : Parent.Width - Self.Width

    6. Définissez sa position Y à : -Self.Height (attention, n’oubliez pas le signe ‘-‘)

    7. Définissez la propriété Width de votre écran à : cmpFormFactorSelector.ScreenWidth

    8. Dé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

    R3dKap a répondu Il y a 4 mois, 2 semaines 1 Membre · 3 Réponses
  • 3 Réponses
  • anthony

    Membre
    1 avril 2022 à 12h44

    Tu sais que le module devtools d’edge permet de faire la même chose

    Les crédits reviennent à Shaeyoung

    CommentID=hceoUEGKvJPE7bj, PostID=HKneRyy4NPAuX6d

  • R3dKap

    Membre
    1 avril 2022 à 16h02

    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

  • R3dKap

    Membre
    11 avril 2022 à 9h56

    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.