Урок 4: Верстаем экран по макету из Figma, ShapeDrawable | Курс Android на Kotlin c нуля
📕 Личный телеграм канал про путь разработчика:
🔹 Обучающий бот по Android c Android-ROADMAP
🔹 Дизайн-макет для EnglishWordsApp в Figma:
🔹 Бесплатный курс по основам Kotlin:
Приступим к полноценной верстке первого экрана приложения для изучения иностранных слов. У меня есть дизайн-макет в Figma - наиболее распространенным инструментов на сегодняшний день для создания дизайна. Проведу по нему краткий обзор и покажу как пользоваться основными функциями, которые нужны нам, как разработчикам.
Из основного это: экспорт графики (иконок/изображений из Фигмы), просмотров размеров элементов и отступов, просмотр цветовой палитры, просмотр шрифтов и размеров текстов.
Далее приступим к верстке элементов. Использовать будем распространенные вью, такие как: Button, ImageButton, ImageView и лейауты LinearLayout и ConstraintLayout. Из особенно интересного научимся создавать ShapeDrawable, чтобы придавать контейнерам формы. Например, как в макета, контейнеры с закругленными углами.
00:00 - 01:31 – Что такое Figma (Фигма)?
01:31 - 02:10 – Верстка иконки закрытия
02:10 - 04:30 – Импорт векторной иконки в проект
04:30 - 05:46 – Верстка изучаемого слова
05:46 - 06:07 – Верстка вариантов ответа
06:07 - 07:26 – Вложенные лейауты
07:26 - 08:05 – Стилизация (позиционирование, размер текста и фон)
08:05 - 11:09 – Создание фонов (ShapeDrawable)
11:09 - 12:41 – LinearLayout и layout_gravity
12:41 - 15:14 – Верстка и стилизация футера
15:14 - 16:47 – Элемент иконка “с пальцем вверх“
16:47 - 19:23 – Добавляем Button
#androiddevelopment #mobiledevelopment #андройд
1 view
9
0
1 week ago 00:54:42 1
“Встреча без галстуков - 4 часть“ с Виталием Сундаковым в Славянском Кремле | архив, июнь 2022
1 week ago 00:03:33 1
Видео от Курс обновленный фартук урок 4
1 week ago 00:33:55 1
Crocheting a simple bag model with Corn pattern Вяжем простую модель сумки с узором Кукуруза
1 week ago 01:08:40 1
Она предсказала наводнения и знает о новом эксперименте над людьми | Прогноз 2024–2027г.
1 week ago 00:59:39 1
Substance Painter. Полный пайплайн текстурирования
1 week ago 00:09:26 1
Как нарисовать ПЧЁЛКУ для детей | Рисуем ПЧЕЛУ | Няня Уля
1 week ago 00:10:16 1
Криминогенные ситуации и личная безопасность | Классные часы и ОБЖ #38 | Инфоурок
1 week ago 00:01:41 1
🖋 ВЫУЧИТЬ АНГЛИЙСКИЙ СТУДЕНТУ 🙋
1 week ago 00:13:32 1
Путин в Китае. Договор об окончании войны. Ядерные учения – “Заповедник“, выпуск 313
1 week ago 00:15:06 1
Вторая жизнь наших вещей: во что превращаются отходы? | Урок 4. Младшие классы
1 week ago 00:04:36 1
Занятие по математике (4-5 лет)
1 week ago 00:23:36 1
Английский на слух | Урок английского по сериалу «Друзья» | Часть 4
1 week ago 00:22:02 1
МОШЕННИКИ ВЗЛОМАЛИ ТЕЛЕФОН, ВЗЯЛИ КРЕДИТЫ В БАНКАХ И “ЗАНЯЛИ“ ДЕНЕГ У ДРУЗЕЙ И РОДСТВЕННИКОВ...
1 week ago 00:14:14 1
Вернись к Создателю всего
1 week ago 00:28:57 1
Гениальная философия Франца Кафки
1 week ago 01:26:50 1
Полёт кондора - разбор мелодии на тин вистле подробно с украшениями | Стрим от
1 week ago 00:00:15 1
УЧИМ САМОЕ ПРОСТОЕ БАЗОВОЕ ДВИЖЕНИЕ НОГАМИ! #обучение #танцы #dance #shuffledance #shorts #tiktok
1 week ago 00:22:58 1
лапти русские по шагам четверик в одной посылке покупателям книги как плести лапти
1 week ago 00:07:30 1
Общее понятие опасности и чрезвычайной ситуации | Классные часы и ОБЖ #1 | Инфоурок
1 week ago 00:35:53 1
Объяснение Божественной Литургии. (Занятие 4). Священник Валерий Сосковец
1 week ago 00:11:33 1
ОБУЧЕНИЕ ЧПУ - УРОК 3 - СОСТАВЛЯЮЩИЕ СИСТЕМЫ ЧПУ / Программирование станков с ЧПУ и работа в CAD/CAM
1 week ago 00:31:07 1
Что я поняла о развитии техники пианиста за 30 лет. Мой пример. Всё о быстрой игре на фортепиано.
1 week ago 01:00:24 1
Курс по Бхагавад-гите. Занятие 4. Дамагхош пр. ()
1 week ago 00:22:10 1
лапти русские по шагам в одной посылке покупателям книги как плести лапти