Урок 5: Column & Row – позиционирование | Курс Android Jetpack Compose

Tavsif:

Осваиваем позиционирование в Jetpack Compose. Если ты уже умеешь создавать простые @Composable функции, пора научиться расставлять элементы на экране красиво и логично. В этом уроке покажу, как работают Column, Row и Box, чем они отличаются и как влияют на верстку. Разберем, почему без контейнеров всё наслаивается, и как Alignment, Arrangement и Modifier помогают навести порядок и структуру. Пошагово создадим заголовок с подзаголовком, выведем кнопки навигации, сделаем между ними равные отступы, зададим ширину, высоту и поведение на разных экранах. Объясню, что такое Spacer, как работает weight и зачем нужен fillMaxSize, когда нужно "растянуть" контейнер на весь экран. Всё это — не просто синтаксис, а фундамент, на котором строится читаемая и поддерживаемая верстка в Compose. 00:00 Введение 01:06 Column в Jetpack Compose 02:17 Row в Jetpack Compose 03:36 Создание основного контейнера в setContent 05:00 Box в Jetpack Compose 05:24 Возможности позиционирования 09:16 Позиционирование текста 09:42 Стилизация кнопок 10:41 Ширина и высота элементов в Compose