Рекомендации по адаптивному дизайну

В разделе, посвященном рекомендациям по адаптивному проектированию приложений на основе холста в Power Apps, мы углубляемся в основные стратегии и методы создания приложений, которые легко адаптируются к работе на различных устройствах. В этом разделе описаны ключевые принципы — начиная от методов адаптации экрана и заканчивая использованием контейнеров, корректировкой настроек и подробными этапами реализации. Каждая рекомендация направлена на то, чтобы ваше приложение на основе холста обеспечивало оптимальное взаимодействие с пользователем независимо от размера или ориентации экрана устройства, затрагивая один из наиболее важных аспектов разработки современных приложений. Эти рекомендации играют важную роль для разработчиков, желающих повысить доступность и взаимодействие пользователей с их Power Apps.

Адаптация к размерам экрана

Приложения на основе холста должны быть спроектированы так, чтобы их макет и интерфейс автоматически настраивались в зависимости от размера экрана устройства. Такая адаптивность гарантирует, что приложение будет оставаться функциональным и визуально привлекательным на различных устройствах — от смартфонов до настольных компьютеров.

Используйте контейнеры

Добавьте горизонтальные и вертикальные контейнеры в дизайн приложения. Эти контейнеры играют решающую роль в динамической организации и выравнивании компонентов приложения, обеспечивая их эффективную реакцию на изменения размеров экрана.

Отключите параметр «Масштабировать по размеру» и управляйте соотношением сторон/ориентацией

Крайне важно отключить параметр «Масштабировать по размеру», чтобы обеспечить настоящую отзывчивость приложения, поскольку это предотвращает простое масштабирование и способствует естественной адаптации макета к различным размерам экрана. Кроме того, решающее значение имеют корректировка соотношения сторон и параметра «Блокировать ориентацию». Эти настройки гарантируют, что интерфейс приложения адаптируется к различным размерам и ориентациям экрана, сохраняя единообразный и функциональный интерфейс независимо от того, находится ли устройство в портретной или пейзажной ориентации.

Используйте адаптивные макеты

Используйте такие макеты, как разделенный экран и боковая панель, которые обеспечивают различный пользовательский опыт на разных устройствах. Такая адаптивность расширяет функциональность приложения, делая его более интуитивно понятным для пользователей на любом устройстве.

Использование формул для динамического макета

Используйте формулы вместо фиксированных координат для позиционирования и изменения размера элементов управления, гарантируя, что они будут адаптироваться к изменениям размеров экрана для создания динамичного и адаптивного макета.

План для различных устройств

Эффективный адаптивный дизайн предполагает предвидение того, как приложение будет выглядеть и работать на разных устройствах. Сюда входят решения об изменении размера элементов или их полном скрытии на небольших экранах для оптимизации пространства и сохранения удобства использования.

Практическая реализация

Преобразование неотзывчивого приложения на основе холста в адаптивное требует системного подхода. Это включает в себя настройку параметров адаптивности и тщательную настройку свойств контейнера, чтобы элементы приложения адаптировались к различным размерам экрана.

Ресурсы

• Руководство по Power Platform Well-Architected для макетов

Следующий шаг

Читабельность кода