Урок 4: Верстаем экран по макету из Figma, ShapeDrawable | Курс Android на Kotlin c нуля
🔹 Обучающий бот по Android c Android-ROADMAP https://t.me/AndroidStudyBot?start=yt
🔹 Дизайн-макет для EnglishWordsApp в Figma: https://clck.ru/34ow4g
🛠 Код из всех уроков: https://t.me/ievetrov_dev
🛠 Личный телеграм канал про путь разработчика: https://t.me/ievetrov_dev
✅ Вопросы и ответы для Android собеседований: https://t.me/AndroidSprint_Interview
🔹 Текстовая версия урока:
🔹 Бесплатный курс по основам Kotlin: https://clck.ru/34EgJF
🔹 VK: https://vk.com/ievetrov.development
Приступим к полноценной верстке первого экрана приложения для изучения иностранных слов. У меня есть дизайн-макет в Figma - наиболее распространенным инструментов на сегодняшний день для создания дизайна. Проведу по нему краткий обзор и покажу как пользоваться основными функциями, которые нужны нам, как разработчикам.
Из основного это: экспорт графики (иконок/изображений из Фигмы), просмотров размеров элементов и отступов, просмотр цветовой палитры, просмотр шрифтов и размеров текстов.
Далее приступим к верстке элементов. Использовать будем распространенные вью, такие как: Button, ImageButton, ImageView и лейауты LinearLayout и ConstraintLayout. Из особенно интересного научимся создавать ShapeDrawable, чтобы придавать контейнерам формы. Например, как в макета, контейнеры с закругленными углами.
00:00 Что такое Figma (Фигма)?
01:31 Верстка иконки закрытия
02:10 Импорт векторной иконки в проект
04:30 Верстка изучаемого слова
05:46 Верстка вариантов ответа
06:07 Вложенные лейауты
07:26 Стилизация (позиционирование, размер текста и фон)
08:05 Создание фонов (ShapeDrawable)
11:09 LinearLayout и layout_gravity
12:41 Верстка и стилизация футера
15:14 Элемент иконка "с пальцем вверх"
16:47 Добавляем Button
#androiddevelopment #mobiledevelopment #андройд
Смотрите видео Урок 4: Верстаем экран по макету из Figma, ShapeDrawable | Курс Android на Kotlin c нуля онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Android [Kotlin] для начинающих – ievetrov 07 Июль 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 16,249 раз и оно понравилось 410 людям.