С появлением новых форм-факторов, таких как Pixel 10 Pro Fold, в экосистеме Android, адаптивная разработка приложений становится крайне важной для создания высококачественного пользовательского опыта на телефонах, планшетах и ​​складных устройствах. Пользователи ожидают, что пользовательский интерфейс вашего приложения будет плавно адаптироваться к различным размерам и положениям.

Чтобы помочь вам более эффективно создавать эти динамичные интерфейсы, мы объявляем о начале бета-тестирования библиотеки адаптивных макетов Compose Adaptive Layouts Library 1.2 . Этот релиз предоставляет мощные новые инструменты для создания качественных, адаптивных пользовательских интерфейсов для этой расширяющейся экосистемы устройств.

Новые мощные инструменты для работы на более широком полотне.

Библиотека Compose Adaptive Layouts — это наш базовый набор инструментов для создания пользовательских интерфейсов, которые адаптируются к различным размерам окон. В этом новом бета-релизе собраны мощные функции, которые помогут вам создавать сложные макеты с меньшим количеством кода. Ключевые нововведения включают:

• Новые мощные стратегии компоновки: в бета-версии представлены новые стратегии компоновки, такие как переформатирование и левитация , разработанные для того, чтобы помочь вам создавать динамичные макеты, которые отлично смотрятся как на внешнем, так и на внутреннем дисплеях таких устройств, как Pixel 10 Pro Fold , Galaxy Z Fold7 и Z Flip7 .
• Новые классы размеров окон: В этом релизе добавлена ​​встроенная поддержка новых классов размеров окон Large и Extra-Large. Эти новые контрольные точки необходимы для проектирования и запуска сложных многопанельных изменений пользовательского интерфейса на больших экранах, таких как планшеты и большие складные устройства.

Две новые стратегии адаптации панелей: переформатирование (слева) и левитация (справа).

Полный список изменений смотрите в официальной документации к релизу . Ознакомьтесь с нашими руководствами по каноническим макетам и созданию вспомогательного макета панели .

Привлекайте больше пользователей на каждом экране.

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

Это основной принцип, лежащий в основе стратегий динамической компоновки, таких как reflow , — мощная новая функция в бета-версии Compose Adaptive Layouts 1.2, разработанная для того, чтобы помочь вам создавать такие пользовательские интерфейсы. Например, отличной отправной точкой является использование многопанельной компоновки. Отображая список и соответствующее ему подробное представление рядом, вы уменьшаете количество нажатий и позволяете пользователям быстрее выполнять задачи.

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

Расширяющаяся экосистема Android: от складных устройств до настольных компьютеров.

Этот сдвиг в сторону адаптивного дизайна распространяется на всю экосистему Android. От нового Pixel 10 Pro Fold до последних складных смартфонов Samsung Galaxy у разработчиков есть возможность взаимодействовать с большой и постоянно растущей базой пользователей на более чем 500 миллионах устройств с большими экранами.

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

Применение принципов адаптации на практике

Разработчикам, желающим подготовить свои приложения к адаптивному будущему, следует помнить о нескольких ключевых рекомендациях :

• Проведите инвентаризацию: первый шаг — оценить текущее состояние дел. Протестируйте приложение на устройстве с большим экраном или с помощью эмулятора с изменяемым размером в Android Studio, чтобы выявить области для улучшения, такие как растянутые элементы интерфейса или проблемы с удобством использования.
• Поддержка оптимизированных макетов: используйте такие библиотеки, как Compose Adaptive Layouts, для создания пользовательского интерфейса, который адаптируется к различным размерам окон и положению устройства. Ваше приложение должно хорошо работать как в портретном, так и в альбомном режимах, не ограничивая ориентацию .
• Думайте не только о сенсорном управлении: отличная адаптивная среда подразумевает поддержку всех методов ввода. Это выходит за рамки базовой функциональности и включает в себя продуманные детали, которые ожидают пользователи, такие как состояния при наведении курсора мыши, контекстные меню при щелчке правой кнопкой мыши и поддержка сочетаний клавиш .

Потенциал вашего приложения больше не ограничивается одним экраном. Изучите галерею дизайна для больших экранов и рекомендации по качеству приложений уже сегодня, чтобы представить, каких высот может достичь ваше приложение. Вдохновляйтесь и находите шаблоны дизайна, официальные рекомендации и примеры приложений, которые вам понадобятся для создания приложений любого размера, переворота и экрана на developer.android.com/adaptive-apps .