Instructions de conception réactive

Les applications de canevas réactives adaptent leur disposition et leur navigation à la fenêtre d’affichage disponible au lieu de mettre à l’échelle un canevas fixe. Concevez intentionnellement un comportement réactif afin que l’application reste utilisable dans chaque taille de fenêtre prise en charge, l’orientation de l’appareil, le niveau de zoom et le mode d’entrée.

Chacune des instructions suivantes vise à garantir que votre application canevas offre une expérience utilisateur optimale, quelle que soit la taille ou l’orientation de l’écran de l’appareil. Ces instructions traitent de l’un des aspects les plus critiques du développement d’applications modernes. Ces directives sont essentielles pour les développeurs qui cherchent à améliorer l’accessibilité et l’interaction des utilisateurs de leurs Power Apps.

S’adapter aux tailles d’écran

Les applications canevas doivent être conçues pour ajuster automatiquement leur disposition et interface en fonction de la taille de l’écran de l’appareil. Cette réactivité garantit que l’application reste fonctionnelle et visuellement attrayante sur différents appareils, des smartphones aux ordinateurs de bureau.

Utiliser des conteneurs de disposition automatique

Utilisez des conteneurs de disposition automatique horizontale et verticale comme structure principale pour un écran réactif. Ces conteneurs organisent et alignent dynamiquement les composants d’application, en s’assurant qu’ils répondent efficacement aux modifications apportées aux dimensions de l’écran.

Désactiver Ajuster à la taille et gérer le rapport hauteur/largeur et l’orientation

Désactivez le paramètre Scale to Fit pour activer la réactivité réelle de l’application. Ce paramètre empêche la mise à l’échelle et favorise l’adaptation naturelle de la disposition à différentes tailles d’écran. En outre, ajustez les proportions et les paramètres d’orientation de verrouillage . Ces ajustements garantissent que la disposition de l’application répond efficacement aux différentes tailles et orientations de l’écran. L’application gère une interface cohérente et fonctionnelle, que l’appareil soit en mode portrait ou paysage.

Utiliser des dispositions dynamiques

Utilisez des conceptions de disposition telles que l’écran fractionné et la barre latérale, qui offrent différentes expériences utilisateur sur différents appareils. Cette adaptabilité améliore les fonctionnalités de l’application, la rendant plus intuitive pour les utilisateurs sur n’importe quel appareil.

Utiliser des formules pour une disposition dynamique

Utilisez des formules plutôt que des coordonnées fixes pour le positionnement et le dimensionnement des contrôles. Cette approche garantit qu’elles s’adaptent aux modifications des dimensions de l’écran pour une disposition dynamique et réactive.

Prendre en compte divers appareils

Une conception réactive efficace implique d’anticiper l’apparence et le fonctionnement de l’application sur différents appareils. Cette anticipation comprend des décisions relatives au redimensionnement des éléments ou à leur masquage entièrement sur des écrans plus petits pour optimiser l’espace et maintenir l’utilisation.

Mise en œuvre pratique

Transformer une application canevas non réactive en application réactive nécessite une approche systématique. Cette approche implique d’ajuster les paramètres de réactivité et de configurer soigneusement les propriétés du conteneur pour garantir que les éléments de l’application s’adaptent à différentes tailles d’écran.

Ressources

Étape suivante

Lisibilité du code

  • Last updated on