PowerBlocks
GuidesCréer un écran Power Apps responsive avec les conteneurs
Power Apps

Créer un écran Power Apps responsive avec les conteneurs

Arrête d’épingler les contrôles avec des X/Y fixes. Utilise les conteneurs de disposition et le dimensionnement relatif pour que les écrans s’adaptent à toute fenêtre ou appareil.

Active le mode responsive

  1. 1Dans Paramètres > Affichage, désactive « Adapter à l’écran » pour que l’app utilise la vraie taille de fenêtre.
  2. 2Référence App.Width / Parent.Width au lieu de positions en pixels codées en dur.

Utilise les conteneurs de disposition

  1. 1Construis les écrans avec des conteneurs horizontaux et verticaux qui répartissent leurs enfants automatiquement.
  2. 2Mets les enfants en Fill ou en pourcentage du parent pour qu’ils s’étirent et se réduisent avec la fenêtre.
  3. 3Imbrique les conteneurs pour créer lignes et colonnes sans calcul de X/Y manuel.

Ajoute des breakpoints

Définis un breakpoint comme locIsMobile = Parent.Width < 768 et change la direction ou la visibilité des conteneurs avec, pour qu’une mise en page à deux colonnes s’empile sur mobile.