Инструменты для создания

Android Studio предлагает множество новых функций специально для Jetpack Compose. Он использует подход «сначала код», одновременно повышая производительность разработчиков без необходимости выбирать между использованием интерфейса дизайна или редактора кода.

Фундаментальное различие между пользовательским интерфейсом на основе View и Jetpack Compose заключается в том, что Compose не полагается на View для рендеринга компонуемых объектов. В результате такого подхода к архитектуре Android Studio предлагает расширенные функции для Jetpack Compose без необходимости открывать эмулятор или подключаться к устройству. По сравнению с Android Views, это позволяет разработчикам ускорить и итерационный процесс реализации своих проектов пользовательского интерфейса.

Чтобы включить функции Android Studio для Jetpack Compose, вам необходимо добавить эти зависимости в файл build.gradle(.kts) вашего приложения. Вы можете использовать спецификацию материалов (BOM) или определить зависимости индивидуально.

Спецификация материалов

  val composeBom = platform("androidx.compose:compose-bom:2024.06.00")
  implementation(composeBom)

  debugImplementation("androidx.compose.ui:ui-tooling")
  implementation("androidx.compose.ui:ui-tooling-preview")

Индивидуально

  debugImplementation("androidx.compose.ui:ui-tooling:1.6.8")
  implementation("androidx.compose.ui:ui-tooling-preview:1.6.8")

Дизайн

Создавайте компоненты, системы проектирования и экраны в соответствии со спецификациями дизайна.
Предварительный просмотрПараметр Мультипревью
Аннотация @Preview позволяет предварительно просмотреть составные элементы. Узнайте, как просматривать, систематизировать и взаимодействовать с ними.
Узнать больше
Предварительный просмотр анимации
Android Studio позволяет создавать и проверять анимацию с помощью панели предварительного просмотра анимации. Благодаря этому вы можете просмотреть анимацию кадр за кадром и убедиться, что она соответствует требуемому поведению.
Узнать больше

Развивать

Ускорьте создание пользовательского интерфейса и тестирование работающего приложения с меньшим переключением контекста.
Живое редактирование
Узнайте, как использовать Live Edit и применять изменения, чтобы избежать полной сборки и ускорить процесс разработки.
Узнать больше
Живые шаблоны Иконки желоба
Узнайте, как использовать функции окна редактора Android Studio для повышения производительности.
Узнать больше

Отлаживать

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

Дополнительные инструменты

Relay обеспечивает мгновенную передачу компонентов пользовательского интерфейса Android между дизайнерами и разработчиками. Дизайнеры могут использовать плагин Relay for Figma для аннотирования и упаковки компонентов пользовательского интерфейса для использования разработчиками, включая информацию о макете, стиле, динамическом контенте и поведении взаимодействия.
Узнать больше

Последние новости и видео