Jetpack Compose — это современный инструментарий для создания пользовательского интерфейса Android, упрощающий разработку приложений, адаптирующихся к любому размеру экрана.
- Обзор : Ознакомьтесь с ресурсами, доступными разработчикам Compose.
- Учебное пособие : Начните работу с Compose, создав базовый пользовательский интерфейс.
- Краткие руководства : Воспользуйтесь нашими быстрыми и целенаправленными руководствами, разработанными для того, чтобы вы как можно быстрее достигли своей цели.
Фундамент
- Мышление в Compose : чем декларативный подход Compose отличается от подхода, основанного на представлениях, который вы, возможно, использовали ранее. Создайте в уме модель работы с Compose.
- Управление состоянием : установка и использование состояния в приложении Compose.
- Жизненный цикл компонуемых объектов : жизненный цикл компонуемого объекта и то, как Compose определяет, нужно ли его перерисовывать.
- Модификаторы : Используйте модификаторы для улучшения или украшения ваших составных элементов.
- Побочные эффекты в Compose : способы управления побочными эффектами.
- Этапы Jetpack Compose : шаги, которые выполняет Compose для отрисовки пользовательского интерфейса вашего приложения, и как использовать эту информацию для написания эффективного кода.
- Архитектурная многослойность : Архитектурные слои, из которых состоит Jetpack Compose, и основные принципы, лежащие в основе дизайна Compose.
- Производительность : Избегайте распространенных ошибок программирования, которые могут ухудшить производительность приложения.
- Семантика в Compose : дерево семантики, которое организует пользовательский интерфейс таким образом, чтобы его могли использовать службы доступности и фреймворки тестирования.
- Локальные данные с использованием CompositionLocal : используйте
CompositionLocalдля передачи данных через композицию.
Адаптивный пользовательский интерфейс
- Создавайте адаптивные приложения : изучите основные принципы создания макетов, оптимизированных для любого размера экрана, включая телефоны, планшеты, складные устройства и многое другое.
- Используйте проверенные макеты : применяйте канонические макеты, такие как список-подробности и вспомогательная панель, для оптимизации приложений на больших экранах.
- Адаптивная навигация : Реализуйте шаблоны навигации, которые автоматически подстраиваются под доступное пространство экрана.
среда разработки
- Android Studio с Compose : Как настроить среду разработки для использования Compose.
- Инструментарий для Compose : новые возможности Android Studio для поддержки Compose.
- Kotlin для Compose : специфические для Kotlin идиомы работают с Compose.
- Сравните Compose и просмотрите метрики : как переход на Compose может повлиять на размер APK-файла вашего приложения и производительность во время выполнения.
- Спецификация материалов : Управляйте всеми зависимостями Compose, указывая только версию спецификации материалов.
Дизайн
- Макеты : Создание компонентов макета и разработка собственных макетов.
- Основы компоновки : базовые элементы для создания простого пользовательского интерфейса приложения.
- Компоненты и макеты Material Design : Компоненты и макеты Material Design в Compose.
- Пользовательские макеты : Возьмите под контроль макет вашего приложения и создайте собственный, уникальный макет.
- Линии выравнивания : Создавайте пользовательские направляющие для точного выравнивания и позиционирования элементов пользовательского интерфейса.
- Внутренние измерения : Как запросить информацию о дочерних элементах перед их измерением, поскольку Compose измеряет элементы пользовательского интерфейса только один раз за проход.
- ConstraintLayout : Используйте
ConstraintLayoutв пользовательском интерфейсе Compose.
- Системы дизайна : Внедрите систему дизайна и обеспечьте своему приложению единообразный внешний вид и удобство использования.
- Material Design 3 : Реализация Material You с помощью реализации Material Design 3 в Compose.
- Переход с Material Design 2 на Material Design 3 : Перенесите свое приложение с Material Design 2 на Material Design 3 в Compose.
- Material Design 2 : Настройте реализацию Material Design 2 в Compose в соответствии с фирменным стилем вашего продукта.
- Пользовательские системы дизайна : Внедрите пользовательскую систему дизайна в Compose и адаптируйте существующие элементы Material Design для новой системы дизайна.
- Анатомия темы : низкоуровневые конструкции и API, используемые
MaterialThemeи пользовательскими системами дизайна.
- Списки и таблицы : Настройка параметров для управления и отображения списков и таблиц данных.
- Текст : Основные параметры в меню «Создать текст» для отображения и редактирования текста.
- Графика : Создание элементов интерфейса для разработки и работы с пользовательской графикой.
- Анимация : Настройте параметры для анимации элементов пользовательского интерфейса.
- Жесты : Создайте пользовательский интерфейс Compose, который распознает жесты пользователя и взаимодействует с ними.
- Обработка взаимодействия с пользователем : как Compose абстрагирует низкоуровневый ввод в высокоуровневое взаимодействие, позволяя настраивать реакцию компонентов на действия пользователя.
Принятие композиции
- Перенос приложений, основанных на представлениях : Перенесите ваше приложение, основанное на представлениях, в Compose.
- Стратегия миграции : как безопасно и поэтапно внедрить Compose в ваш код.
- API для обеспечения взаимодействия : API Compose помогут вам объединить Compose с пользовательским интерфейсом на основе представлений.
- Другие важные моменты : оформление, архитектура, тестирование и прочее, что следует учитывать при миграции вашего приложения, основанного на представлениях, в Compose.
- Библиотеки Compose и другие : как использовать библиотеки, основанные на представлениях, в контенте Compose.
- Архитектура Compose : Реализация шаблона однонаправленного потока в Compose, реализация событий и держателей состояний, а также работа с
ViewModelв Compose. - Навигация : Используйте
NavControllerдля интеграции компонента навигации с пользовательским интерфейсом Compose. - Ресурсы : Работайте с ресурсами вашего приложения в коде Compose.
- Доступность : Обеспечьте доступность для пользователей с особыми потребностями.
- Тестирование : Протестируйте свой код Compose.
- Шпаргалка по тестированию : краткий справочник полезных API для тестирования в Compose.
Дополнительные ресурсы
- Настройте
- Подборка учебных программ
- Рекомендации по созданию API
- Справочник API
- Кодлабс
- Примеры приложений
- Видео
Рекомендуем вам
- Примечание: текст ссылки отображается, когда JavaScript отключен.
- Данные локальной области видимости с использованием CompositionLocal
- Другие соображения
- Анатомия темы в Compose