Первый проект на Jetpack Compose

Последнее обновление: 26.03.2024

Итак, создадим первый проект с использованем тулкита Jetpack Compose. Для этого запустим среду Android Studio.

Если мы находимся в окне Welcome to Android Studio, то для создания проекта нажмем на кнопку New Project. Если в Android Studio уже открыт какой-то проект, то выберем в меню File -> New -> New Project.

Создание проекта Jetpack Compose в Android Studio

Далее в открывшемся окне шаблонов проекта выберем пункт Empty Activity и нажмем на кнопку Next.

Создание проекта Jetpack Compose и Empty Activity в Android Studio

Затем нам откроется окно настроек проекта:

Создание проекта Kotlin и Jetpack Compose в Android Studio

В этом окне мы можем установить начальные настройки проекта:

  • В поле Name вводится название приложения. Укажем в качестве имени название HelloApp

  • В поле Package Name указывается имя пакета, где будет размещаться главный класс приложения. В данном случае для тестовых проектов это значение не играет ольшого значения, поэтому установим com.example.helloapp.

  • В поле Save Location установливается расположение файлов проекта на жестком диске. Можно оставить значение по умолчанию.

  • В поле Minimum SDK указывается самая минимальная поддерживаемая версия SDK. Оставим значение по умолчанию. В моем случае это API 24 ("Nougat"; Android 7.0), которая означает, что приложение можно будет запустить начиная с Android 7.0, а это 96% устройств. На более старых устройствах запустить будет нельзя.

    Стоит учитывать, что чем выше версия SDK, тем меньше диапазон поддерживаемых устройств.

  • В поле Build configuration language указывается язык, который применяется для определения конфигурации построения проекта. Оставим здесь значение по умолчанию.

Далее нажмем на кнопку Finish, и Android Studio создаст новый проект:

Первый проект на Kotlin и Jetpack Compose в Android Studio

Вначале вкратце рассмотрим структуру проекта, что он уже имеет по умолчанию

Структура проекта Jetpack Compose на Kotlin в Android Studio

Проект Android может состоять из различных модулей. По умолчанию, когда мы создаем проект, создается один модуль - app. Модуль по умолчанию включает три каталога:

  • manifests: хранит файл манифеста AndroidManifest.xml, который описывает конфигурацию приложения и определяет каждый из компонентов данного приложения.

  • kotlin+java: хранит файлы кода на языке Kotlin, которые структурированы по отдельным пакетам. Так, в папке com.example.helloapp (название которого было указано на этапе создания проекта) имеется по умолчанию файл MainActivity.kt с кодом на языке Kotlin, который представляет класс MainActivity, запускаемый по умолчанию при старте приложения

    Также в этой папке определен подкаталог ui.theme, который содержит ряд файлов на языке Kotlin: Color.kt, Theme.kt и Type.kt, которые определяют ряд вспомогательных типов, функций, переменных, применяемых для создания графического интерфейса.

  • res: содержит используемые в приложении ресурсы. Все ресурсы разбиты на подпапки.

    • папка drawable предназначена для хранения изображений, используемых в приложении

    • папки mipmap содержат файлы изображений, которые предназначены для создания иконки приложения при различных разрешениях экрана.

    • папка values хранит различные xml-файлы, содержащие коллекции ресурсов - различных данных, которые применяются в приложении. По умолчанию здесь есть два файла и одна папка:

      • файл colors.xml хранит описание цветов, используемых в приложении

      • файл strings.xml содержит строковые ресурсы, используемые в приложении

      • папки themes хранит две темы приложения - для светлую (дневную) и темную (ночную)

Отдельный элемент Gradle Scripts содержит ряд скриптов Gradle, которые используются при построении приложения.

Во всей этой структуре следует выделить файл MainActivity.kt, который открыт в Android Studio и который содержит логику приложения и собственно с него начинается выполнение приложения.

Запуск проекта

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

Для запуска проекта нажмем на зеленую стрелочку на панели инструментов.

Запуск проекта Jetpack Compose на Kotlin в Android Studio

И после успешного запуска на устройстве/емуляторе мы сможем насладиться надписью "Hello Android":

Первое приложение на Jetpack Compose и Kotlin в Android Studio
Помощь сайту
Юмани:
410011174743222
Перевод на карту
Номер карты:
4048415020898850