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

📖 Текстовая версия урока и практика: https://androidsprint.ru/courses/jetpack-compose-osnovy?utm_source=youtube&utm_medium=video&utm_campaign=jetpack_compose 🎯 Обучающая платформа с ИИ: https://androidsprint.ru/?utm_source=youtube&utm_medium=video&utm_campaign=jetpack_compose - Код из всех уроков в моем TG канале: https://t.me/ievetrov - Тесты и практика в боте: https://t.me/AndroidSprintBot?start=yt ✅ Смотреть в VK: https://vk.com/ivan.ievetrov ✅ Вопросы и ответы для Android собесов: https://t.me/AndroidSprintInterview ✅ Бесплатный курс по Kotlin: https://www.youtube.com/playlist?list=PLgPRahgE-Gcu4s-I9mrHUrKUp9dY6QcJC ✅ Бесплатный курс по Android XML: https://www.youtube.com/playlist?list=PLgPRahgE-GctUcLMcQFvl00xsXqpNJOix Осваиваем позиционирование в 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 #jetpackcompose #mobiledevelopment #какстатьпрограммистом

Иконка канала xWizard54
139 подписчиков
12+
2 просмотра
15 дней назад
12+
2 просмотра
15 дней назад

📖 Текстовая версия урока и практика: https://androidsprint.ru/courses/jetpack-compose-osnovy?utm_source=youtube&utm_medium=video&utm_campaign=jetpack_compose 🎯 Обучающая платформа с ИИ: https://androidsprint.ru/?utm_source=youtube&utm_medium=video&utm_campaign=jetpack_compose - Код из всех уроков в моем TG канале: https://t.me/ievetrov - Тесты и практика в боте: https://t.me/AndroidSprintBot?start=yt ✅ Смотреть в VK: https://vk.com/ivan.ievetrov ✅ Вопросы и ответы для Android собесов: https://t.me/AndroidSprintInterview ✅ Бесплатный курс по Kotlin: https://www.youtube.com/playlist?list=PLgPRahgE-Gcu4s-I9mrHUrKUp9dY6QcJC ✅ Бесплатный курс по Android XML: https://www.youtube.com/playlist?list=PLgPRahgE-GctUcLMcQFvl00xsXqpNJOix Осваиваем позиционирование в 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 #jetpackcompose #mobiledevelopment #какстатьпрограммистом

, чтобы оставлять комментарии