Directrices de diseño dinámico

Las aplicaciones de lienzo adaptables ajustan su diseño y navegación a la ventana gráfica disponible en lugar de escalar un lienzo fijo. Diseñe el comportamiento adaptativo de forma intencionada para que la aplicación siga siendo utilizable en todos los tamaños de ventana admitidos, orientaciones del dispositivo, niveles de zoom y modos de entrada.

Cada una de las siguientes directrices tiene como objetivo garantizar que la aplicación de tipo lienzo ofrezca una experiencia de usuario óptima, independientemente del tamaño o la orientación de la pantalla del dispositivo. Estas directrices abordan uno de los aspectos más críticos del desarrollo de aplicaciones modernas. Estas directrices son fundamentales para los desarrolladores que buscan mejorar la accesibilidad y la participación del usuario de sus Power Apps.

Adaptarse a los tamaños de pantalla

Las aplicaciones de Canvas deben diseñarse para ajustar automáticamente su diseño e interfaz según el tamaño de la pantalla del dispositivo. Esta capacidad de respuesta garantiza que la aplicación siga siendo funcional y visualmente atractiva en varios dispositivos, desde teléfonos inteligentes hasta computadoras de escritorio.

Usa contenedores con diseño automático

Use contenedores de diseño automático horizontal y vertical como estructura principal para una pantalla con capacidad de respuesta. Estos contenedores organizan y alinean dinámicamente los componentes de la aplicación, asegurándose de que responden de forma eficaz a los cambios en las dimensiones de la pantalla.

Deshabilite Ajustar a la escala y administre la relación de aspecto y orientación

Desactive la opción Ajustar a la pantalla para habilitar la adaptación real de la aplicación. Esta configuración evita el escalado y promueve la adaptación del diseño natural a varios tamaños de pantalla. Además, ajuste la relación de aspecto y la configuración de orientación de bloqueo . Estos ajustes garantizan que el diseño de la aplicación responda eficazmente a diferentes tamaños y orientaciones de pantalla. La aplicación mantiene una interfaz uniforme y funcional tanto si el dispositivo está en orientación vertical como horizontal.

Usar diseños dinámicos

Use diseños de diseño como pantalla dividida y barra lateral, que ofrecen diferentes experiencias de usuario en varios dispositivos. Esta adaptabilidad mejora la funcionalidad de la aplicación, haciéndola más intuitiva para los usuarios en cualquier dispositivo.

Usar fórmulas para el diseño dinámico

Use fórmulas en lugar de coordenadas fijas para colocar y cambiar el tamaño de los controles. Este enfoque garantiza que se adapten a los cambios en las dimensiones de pantalla para un diseño dinámico y dinámico.

Planifique para diversos dispositivos

El diseño responsivo eficaz implica anticipar cómo se ve y funciona la aplicación en diferentes dispositivos. Esta anticipación incluye decisiones sobre el cambio de tamaño de los elementos o ocultarlos completamente en pantallas más pequeñas para optimizar el espacio y mantener la facilidad de uso.

Implementación práctica

Transformar una aplicación canvas no responsiva en una responsiva requiere un enfoque sistemático. Este enfoque implica ajustar la configuración de capacidad de respuesta y configurar cuidadosamente las propiedades del contenedor para garantizar que los elementos de la aplicación se adapten a diferentes tamaños de pantalla.

Recursos

Paso siguiente

Legibilidad del código

  • Last updated on