Сравнительный анализ XML и Jetpack Compose в Android разработке

Разработка пользовательских интерфейсов (UI) является одной из ключевых задач в Android разработке. С момента появления платформы Android разработчики использовали различные подходы для создания интерфейсов, начиная с XML-разметки и заканчивая современными декларативными методами, такими как Jetpack Compose. В последние годы Jetpack Compose стал все более популярным, предлагая более интуитивный и гибкий способ создания UI, что заставляет разработчиков пересматривать свои подходы и методы.

Исторический контекст: эволюция Android UI.

ML (eXtensible Markup Language) был введен в Android с первых версий. Этот подход стал стандартом, который позволял отделить логику приложения от его визуального представления. XML-дизайнеры активно использовались в Android Studio, что позволяло разработчикам легко настраивать визуальные элементы с помощью графического интерфейса.

С течением времени XML нашел широкое применение в разработке сложных интерфейсов, однако растущая сложность приложений, необходимость в динамическом изменении интерфейса и непростой процесс обработки состояния привели к необходимости поисков более эффективных методов.

Jetpack Compose был анонсирован в 2019 году на конференции Google I/O как решение, которое должно было упростить процессы создания интерфейсов [1]. Это фреймворк раз- работан с концепцией декларативного программирования, что позволяет разработчикам описывать интерфейс приложения с использованием обычного кода на Kotlin. В отличие от XML, Jetpack Compose позволяет разработчикам более естественно работать с состоянием интерфейса, так как изменения в состоянии автоматически отражаются в UI без необходимости явного управления этими изменениями.

Jetpack Compose также предлагает множество встроенных компонентов, более простое создание анимаций и использование тем, а также улучшенную интеграцию с другими библиотеками Jetpack. Это позволило значительно сократить количество кода и упростить поддержку и масштабируемость приложений.

Краткий обзор XML.

XML (eXtensible Markup Language) является форматом разметки, который используется в Android для описания пользовательского интерфейса (UI) приложения.

XML-файлы в Android имеют иерархическую структуру. Каждый элемент в XML-дереве представляет собой вид (View) или контейнер (ViewGroup).

ViewGroup – это контейнеры, которые могут содержать другие представления (например, LinearLayout, RelativeLayout, ConstraintLayout). View – это базовые элементы интерфейса, такие как TextView, Button, ImageView.

Например, файл макета может выглядеть следующим образом:

Листинг 1. Пример XML-кода

android:layout_height="match_parent" android:orientation="vertical">

android:text="Привет, мир!" />

В этом примере LinearLayout является контейнером, который располагает свои дочерние элементы (в данном случае, TextView и Button) вертикально.

XML позволяет задавать различные стили и атрибуты для компонентов. Например, можно изменить цвет текста и фона кнопки:

Листинг 2. Пример изменения цветов в кнопке с XML

android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Нажми меня"

android:textColor="#FFFFFF"

android:background="@color/colorPrimary" />

В этом примере атрибут textColor устанавливает цвет текста кнопки, а атрибут background задает цвет фона.

Для обработки событий, таких как нажатие на кнопку, необходимо установить слушатель в коде Java или Kotlin.

button.setOnClickListener {

// Действие при нажатии на кнопку

Toast.makeText(this, "Кнопка нажата!", Toast.LENGTH_SHORT).show() }

Краткий обзор Jetpack Compose.

Jetpack Compose – это декларативный фреймворк для создания нативного пользовательского интерфейса на Android [2].

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

В Jetpack Compose код выглядит более лаконично:

Листинг 4. Пример создания кнопки на Compose

@Composable fun MyButton(onClick: () -> Unit) {

Button(onClick = onClick) {

Text("Нажми меня")

}

}

Здесь мы определяем функцию MyButton, которая принимает лямбда-выражение onClick и отображает кнопку с текстом. Мы не заботимся о том, как именно кнопка будет создана – мы просто описываем, что она должна делать и как должна выглядеть.

Рассмотрим более сложный пример, где мы создаем экран с текстовым полем и кнопкой. При нажатии на кнопку текст из текстового поля будет отображаться ниже:

Листинг 5. Пример экрана на Compose

@Composable fun GreetingApp() { var name by remember { mutableStateOf("") } var greeting by remember { mutableStateOf("") }

TextField( value = name, onValueChange = { name = it }, label = { Text("Введите ваше имя") }

)

Button(onClick = { greeting = "Привет, $name!" }) {

Text("Поздороваться")

}

Text(text = greeting)

}

}

В этом примере мы используем несколько компонентов Compose: TextField, Button, Text и Column. Мы также используем remember для хранения состояния переменных name и greeting. Каждый раз, когда пользователь вводит текст или нажимает кнопку, интерфейс автоматически обновляется в зависимости от текущего состояния.

Jetpack Compose включает поддержку Material Design. Библиотека предоставляет готовые компоненты, соответствующие принципам Material Design, а также возможность кастомизации для создания уникального стиля.

Сравнение по ключевым характеристикам:

• 1.    Удобство использования. XML имеет явно определённый синтаксис, который легко

• 2.    Производительность. Рендеринг в Jetpack Compose является одним из основных недостатков фреймворка. Согласно замерам времени рендера, чистый XML является самым быстрым по производительность, затем идёт чистый Compose, далее встроенный compose в XML и наоборот, однако все эти отличия не являются колоссальными. Сильно

• 3.    Гибкость и расширяемость. В Jetpack Compose создание кастомных компонентов происходит через функции, тогда как в XML это делается при помощи наследования от стандартных классов View, что гораздо сложнее. Также в Jetpack Compose реакция на изменения состояния осуществляется автоматически. Использование State и MutableState в Compose позволяет легко отслеживать изменения данных. С одной стороны, это без-

• условно упрощает процесс разработки, но также это может повлечь ошибки, связанные с большим количеством перерисовок.

• 4.    Инструменты и экосистема.

осваивается, особенно для новичков. Однако, для больших макетов количество кода может значительно увеличиться, что усложняет чтение и поддержку. В Jetpack Compose благодаря декларативному подходу код проще и менее многословен. Так как сейчас большинство Android-приложений пишутся на Kotlin, код имеет единый стиль, что также упрощает процесс разработки.

же отличается использовании Compose без R8 в режиме отладки, этот подход показывает значительно худший результат по производительности [3].

Одним из главных преимуществ XML является наличие мощного визуального редактора Android Studio Layout Editor в Android Studio, который позволяет разработчикам создавать интерфейсы с помощью перетаскивания элементов. Он автоматически генерирует соответствующий XML-код, что делает его доступным для разработчиков, не обладающих глубокими знаниями программирования.

Рис. 1. Android Studio Layout Editor в Android Studio

XML является традиционным способом создания интерфейсов в Android и поддерживается с момента появления платформы. Большое количество библиотек и компонентов уже адаптированы для работы с XML.

Jetpack Compose предлагает функцию Live Preview, которая позволяет разработчикам видеть изменения в реальном времени по мере редактирования кода. Также фреймворк предоставляет набор готовых компонентов, которые легко настраиваются и комбинируются, что упрощает создание сложных интерфейсов. Несмотря на то что Jetpack Compose относительно нов, сообщество быстро растет, и появляются новые библиотеки и инструменты, адаптированные под этот подход. Google активно поддерживает его внедрение в новые проекты.

Перспективы развития.

Так как XML долгое время являлся основным способом создания UI в Android-разработке, большинство больших приложений написано именно на нём. Крупные проек- ты переписывать на Jetpack Compose может быть сложно и дорого, поэтому XML-код сейчас поддерживается, но новые модули, как правило, пишутся на Jetpack Compose. Однако есть и успешные примеры перехода крупных проектов на более новую технологию. Один из ярких примеров – приложение Google Maps, которое постепенно интегрирует Compose [4]. Результатом стало существенное сокращение времени на разработку нового функционала и обновление интерфейса.

С учётом растущего числа библиотек и ресурсов, создаваемых сообществом, можно ожидать, что в будущем количество приложений, использующих Jetpack Compose, будет только расти. При этом XML всё ещё сохранит свою значимость, поскольку многие устаревшие приложения нуждаются в поддержке и обновлении. Однако, по мере роста числа новых приложений и появления новых стандартов, Jetpack Compose может стать основной технологией для разработки интерфейсов в Android.