Для наилучшего опыта разработки с использованием Compose загрузите и установите Android Studio . Она включает в себя множество интеллектуальных функций редактора , таких как новые шаблоны проектов и возможность мгновенного предварительного просмотра пользовательского интерфейса и анимации Compose.
Следуйте этим инструкциям, чтобы создать новый проект приложения Compose, настроить Compose для существующего проекта приложения или импортировать пример приложения, написанного на Compose.
Создайте новое приложение с поддержкой Compose.
Если вы хотите создать новый проект с поддержкой Compose по умолчанию, Android Studio предлагает различные шаблоны проектов, которые помогут вам начать работу. Чтобы создать новый проект с корректной настройкой Compose, выполните следующие действия:
- Если вы находитесь в окне «Добро пожаловать в Android Studio» , нажмите «Создать новый проект Android Studio» . Если у вас уже открыт проект Android Studio, выберите в строке меню «Файл» > «Создать» > «Новый проект» .
- В окне «Выберите шаблон проекта» выберите «Пустое действие» и нажмите «Далее» .
- В окне «Настройка проекта» выполните следующие действия:
- Укажите имя, имя пакета и место сохранения , как обычно. Обратите внимание, что в раскрывающемся меню «Язык» доступен только Kotlin , поскольку Jetpack Compose работает только с классами, написанными на Kotlin.
- В раскрывающемся меню «Минимальный уровень API» выберите уровень API 21 или выше.
- Нажмите «Готово» .
Теперь вы готовы начать разработку приложения с помощью Jetpack Compose. Чтобы помочь вам начать и узнать о возможностях этого инструментария, пройдите обучающий курс по Jetpack Compose .
Настройка зависимостей Compose и компилятора.
См. раздел «Настройка зависимостей Compose и компилятора» .
Попробуйте примеры приложений Jetpack Compose.
Самый быстрый способ поэкспериментировать с возможностями Jetpack Compose — это попробовать примеры приложений Jetpack Compose, размещенные на GitHub. Чтобы импортировать проект примера приложения из Android Studio, выполните следующие действия:
- Если вы находитесь в окне «Добро пожаловать в Android Studio» , выберите «Импортировать пример кода Android» . Если у вас уже открыт проект Android Studio, выберите в строке меню «Файл» > «Создать» > «Импортировать пример» .
- В строке поиска в верхней части мастера «Просмотр примеров» введите «compose».
- Выберите одно из примеров приложений Jetpack Compose из результатов поиска и нажмите «Далее» .
- Либо измените название приложения и местоположение проекта , либо оставьте значения по умолчанию.
- Нажмите «Готово» .
Android Studio загружает пример приложения в указанный вами путь и открывает проект. Затем вы можете просмотреть файл MainActivity.kt в каждом из примеров, чтобы увидеть API Jetpack Compose, такие как анимация кроссфейда, пользовательские компоненты, использование типографики и отображение светлых и темных цветов в предварительном просмотре в IDE.
Чтобы использовать Jetpack Compose для Wear OS, см. раздел «Настройка Jetpack Compose на Wear OS» .
{% verbatim %}Рекомендуем вам
- Примечание: текст ссылки отображается, когда JavaScript отключен.
- Навигация с помощью Compose
- Тестирование макета композиции
- Реагируйте на фокус