Конструирование визуальных компонентов в kotlin

Android studio предоставляет набор стандартных компонентов, таких как TextView, LinearLayout и пр. Но довольно часто приходится оперировать группами таких базовых компонентов при создании интерфейса. К примеру, текстовый ввод часто сопровождается текстовой меткой поля, получается комбинация TextView + TextEdit.

При динамическом создании таких групп, состоящих из базовых компонентов, вы раз за разом настраиваете какие то аттрибуты, погрязая в своеобразной рутине.

Один из подходов к оптимизации этой рутины — это создание классов-компонентов.

Он заключается в следующих операциях:

  • Создание xml layout компонента;
  • Создание класса компонента наследуя, к примеру, LinearLayout;
  • Использование нового компонента.

Давайте рассмотрим реальный пример компонента, который я создавал для android приложения на kotlin.

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

  • иконку физического упражнения,
  • название упражнения,
  • статистику,
  • общий результат.

XML Layout

Начинать удобно с создания XML layout. Для этого добавьте в проект в ветке res ->layout новый XML -> layout файл.

В моём случае получился макет следующего вида:

Или вот такой xml-файл:

Как видите, компонент состоит из нескольких базовых. Для управления понадобится класс, производный от LinearLayout.

Создание класса

Добавьте в проект новый класс и в коде наследуйте его от LinearLayout. Базово это выглядит следующим образом:

Обычно такие классы еще дополняются методами, позволяющими управлять состоянием компонента извне. Как иллюстрация:

Четыре метода реализуют настройку 4х дочерних компонентов.

Использование созданного компонента

Компонент готов к использованию. Вы можете динамически создавать экземпляры реализованного класса и добавлять его в контейнеры компонентов.

Пример кода:

Написать комментарий

Мало букафф? Читайте есчо !

Сохранение файла в Downloads Android

Ноябрь 5, 2022 г.

Задача - создать файл в каталоге Downloads из вашего приложения на платформе Android. Пусть это будет какой то текстовый файл, который наше приложение умеет генерировать. Формат файла - XML. Наша задача решается по-разному для андроидов 10+ ...

Читать

Анимированный градиент в ActionBar

Октябрь 23, 2022 г.

Расскажу как создать фон для actionbar с анимацией градиента цвета. Нам понадобится Android Studio и Kotlin. Для начала добавим drawable ресурс в наш проект. Откроем в проекте вкладку res/drawable и выберем из меню File -> New -> Drawable ...

Читать

 

Комментарии к «Конструирование визуальных компонентов в kotlin»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: