Скачать "Урок 16. Android Navigation. Анимация переходов между экранами. Transition & Animation Framework"

Обложка аудиозаписи

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

Предыдущее видео: Урок 28. Передаем данные между Activity используя Intent Extras | Уроки Android Studio Следующее видео: Курс по KOTLIN и ANDROID STUDIO для начинающих || Установка Android Studio

Курс по KOTLIN и ANDROID STUDIO для начинающих || Установка Android Studio

Курс по KOTLIN и ANDROID STUDIO для начинающих || Установка Android Studio

Канал: Neco Ru

Урок 28. Передаем данные между Activity используя Intent Extras | Уроки Android Studio

Урок 28. Передаем данные между Activity используя Intent Extras | Уроки Android Studio

Канал: Start Android

Start аndroid: Урок 142. Рисование. Простые фигуры, текст (2D графика в андроид)

Start аndroid: Урок 142. Рисование. Простые фигуры, текст (2D графика в андроид)

Канал: Start Android

Start аndroid: Урок 76. Tab - вкладки в андроид-приложении, общий обзор

Start аndroid: Урок 76. Tab - вкладки в андроид-приложении, общий обзор

Канал: Start Android

Урок 18. Как создать слайдер экранов с использованием ViewPager2 на Kotlin

Урок 18. Как создать слайдер экранов с использованием ViewPager2 на Kotlin

Канал: Start Android

Урок 12. Навигация в Android приложении. Начало работы с Navigation Architecture Component

Урок 12. Навигация в Android приложении. Начало работы с Navigation Architecture Component

Канал: Start Android

Урок 3. Первое андроид-приложение. Структура android проекта. Создание эмулятора Android (AVD)

Урок 3. Первое андроид-приложение. Структура android проекта. Создание эмулятора Android (AVD)

Канал: Start Android

Урок 6. AndroidDev на Kotlin. Activity Lifecycle. Интерфейс LifecycleObserver

Урок 6. AndroidDev на Kotlin. Activity Lifecycle. Интерфейс LifecycleObserver

Канал: Start Android

Start аndroid: Урок 139. Google maps: карта, камера, события (программирование под андроид)

Start аndroid: Урок 139. Google maps: карта, камера, события (программирование под андроид)

Канал: Start Android

Урок 27. Создаем в одной Activity несколько Action для Intent и Intent Filter | Уроки Android Studio

Урок 27. Создаем в одной Activity несколько Action для Intent и Intent Filter | Уроки Android Studio

Канал: Start Android

Transition

Animation

Kotlin

котлин

Navigation Architecture Component

Navigation graph

NavHost

NavController

android jetpack

android architecture

AndroidDev

Android Studio

программирование под android

разработка под android

разработка под андроид

Котлин

андроид программирование

видео уроки

Андроид

android sdk

программирование на котлин

android

как стать программистом

приложения для андроид

kotlin

androidnavigations

startandroid

wondershare

mobiletrans

whatsapptransfer

transfer

00:00:13

приветствую всех на канале startandroid

00:00:15

продолжаем серию уроков по разработке

00:00:17

андроид-приложений на языке котлин

00:00:19

на прошлом уроке мы обменивались данными

00:00:22

между экранами пунктами назначения в

00:00:25

этом уроке реализуем анимацию переходов

00:00:27

между экранами

00:00:28

например такую или вот такую

00:00:35

но прежде чем мы начнем урок позвольте

00:00:37

представить вам программу мобайл транс

00:00:39

для переноса резервного копирования и

00:00:42

восстановления данных вашей переписки в

00:00:44

вацап мобайл транс устанавливается на

00:00:47

компьютер под управлением windows или

00:00:49

mac эта программа умеет переносить ваши

00:00:51

данные воцап между разными телефонами

00:00:53

независимо от того работают ли они на

00:00:56

android или на ios с помощью мобайл

00:00:59

транс вы можете легко создавать

00:01:00

резервные копии чатов фотографии видео и

00:01:03

других вложений из вацап на компьютер и

00:01:05

также легко восстанавливать их на любые

00:01:08

мобильные устройства

00:01:09

кроме воцап мобайл транс также

00:01:11

поддерживает воцап бизнес вайбер line

00:01:14

кик и вич от а недавно добавлена новая

00:01:18

возможность экспорта сообщений воцап с

00:01:20

компьютеров формат pdf или html

00:01:23

установите мобайл транс на компьютер и

00:01:25

наслаждайтесь легкости управления вашими

00:01:27

данными воцап ссылка в описании в первой

00:01:31

части этого урока мы анимируем переходы

00:01:33

между экранами в наше приложение для

00:01:36

анимации в android приложениях

00:01:37

традиционно использовался они мишин

00:01:39

фреймворк он позволяет анимировать

00:01:41

view-компонента экрана

00:01:43

графические ресурсы создать покадровой

00:01:46

анимации и многое другое

00:01:48

реализовать анимацию можно как с помощью

00:01:50

специальных xml ресурсов так и

00:01:53

непосредственно в коде

00:01:54

на нашем канале уже есть урок об

00:01:57

анимации элементов визуального

00:01:58

интерфейса

00:02:03

начиная с версии android kitkat 44

00:02:06

разработчики представили транзишен

00:02:08

фреймворк который используется только в

00:02:10

коде и позволяет буквально одной строкой

00:02:12

описывать анимацию переходов улучшающих

00:02:15

пользовательский опыт

00:02:16

например вы наверняка видели в

00:02:18

приложении как при нажатии на какой-либо

00:02:20

элемент экрана он увеличивается и

00:02:23

выходит на передний план или меняет

00:02:25

местоположение такие переходы часто

00:02:27

применяют к тексту или картинкам мы

00:02:30

реализуем такой переход во второй части

00:02:32

урока итак давайте создадим переход

00:02:35

между экранами сани мишин фреймворк

00:02:37

подготовим наш проект в этом уроке будем

00:02:40

использовать уже готовый проект из

00:02:42

прошлого урока

00:02:43

если вы его не смотрели то в правом углу

00:02:45

видео есть ссылка на предыдущий урок

00:02:48

добавим ресурсы анимации в папке res

00:02:51

создайте папку и ним и добавьте в нее

00:02:53

такие файлы слайдер left side in right

00:02:58

side out лифт и слайда outright название

00:03:02

могут быть произвольными ну естественно

00:03:04

в соответствии с конвенцией наименование

00:03:07

здесь они отражают анимацию которой

00:03:10

описывают как видите во всех четырех

00:03:12

файлах похожий код они описывают

00:03:14

перемещение из одной точки координат в

00:03:17

другую при помощи директивы translate

00:03:19

изменение прозрачности от нуля до

00:03:22

единицы при помощи альфа длительность

00:03:24

для каждого действия можно задать

00:03:26

миллисекундах свойство duration здесь

00:03:28

ссылка на стандартную переменную из

00:03:30

внутренних ресурсов android значение

00:03:32

которое 400 миллисекунд строго говоря

00:03:35

добавленные нами ресурсы тоже являются

00:03:37

стандартными ресурсами системы android

00:03:39

просто взятые они из открытых исходников

00:03:42

системы нем также можно обращаться

00:03:45

напрямую из кода и создавая в папке res

00:03:47

о нем вашего проекта

00:03:49

однако документация не рекомендует такой

00:03:52

подход поскольку в разных версиях набор

00:03:54

ресурсов могут меняться поэтому

00:03:56

рекомендуется копировать их из

00:03:58

исходников android доступных накидками

00:04:00

по ссылке которая есть в текстовой

00:04:03

версии нашего урока на сайте фан droid

00:04:05

info

00:04:06

вы найдете очень много различных

00:04:08

ресурсов для анимации в качестве

00:04:10

домашнего задания рекомендую

00:04:12

вам изучить их скопировать интересующие

00:04:14

ресурсы в ваш проект и

00:04:15

поэкспериментировать с ними

00:04:17

а сейчас применим анимацию к переходу

00:04:19

между экранами

00:04:20

откройте файл графа навигации с новейшим

00:04:24

на в graph на вкладке дизайна выделите

00:04:27

стрелку перехода между экранами в панели

00:04:30

атрибутов справа откройте раздел они

00:04:32

missions

00:04:33

перехода есть четыре свойства которое

00:04:35

можно анимировать

00:04:36

enter о нем это вход в пункт назначения

00:04:40

exito ним выход из пункта назначения поп

00:04:44

enter а ним вход в пункт назначения с

00:04:46

помощью поп экшен и поп exit о нем это

00:04:50

выход из пункта назначения с помощью pop

00:04:52

action pop action это действие при

00:04:55

котором экраны пункта назначения как бы

00:04:57

выталкиваются из стека переходов назад в

00:05:00

процессе навигации между экранами для

00:05:03

тех кто не знает стек переходов назад

00:05:05

или back stack это своего рода история

00:05:07

переходов по экранам из которой их можно

00:05:10

открыть путем нажатия кнопки назад на

00:05:12

устройстве на эту тему есть урок на нашем канале

00:05:15

рекомендую посмотреть его для лучшего

00:05:17

понимания панели атрибутов перехода в

00:05:20

разделе они machines напротив каждого

00:05:22

свойства нажмите кнопку пик rss и

00:05:24

выберите созданную нами ранее анимацию

00:05:28

для каждого свойства

00:05:35

графин навигации вы должны получить

00:05:37

какой код в секции action первого

00:05:39

фрагмента запустите приложение и

00:05:42

выполните переход с одного экрана на

00:05:44

другой

00:05:45

а затем обратно как видите все переходы

00:05:48

сопровождаются плавная анимации которая

00:05:50

делает поведение приложения более

00:05:52

логичным улучшает как говорится в

00:05:55

пользовательский опыт на досуге

00:05:57

поработайте с анимациями поменять их

00:05:59

местами выберите другие анимации или

00:06:02

создайте свои собственные а мы движемся

00:06:04

дальше и перейдём к анимирование вьюшек

00:06:07

при помощи транзишен фреймворк изменим

00:06:10

проект удали в анимации перехода из

00:06:12

action первого фрагмента в графе

00:06:14

навигации также удалите текстовое поле

00:06:17

из макета первого фрагмента оставив

00:06:19

только поле ввода и кнопку

00:06:23

в detects добавьте атрибут транзишен ним

00:06:26

с произвольным текстом идентификатором

00:06:28

например и ditex

00:06:29

и задайте размер текста побольше я сдал

00:06:33

48sp а в корневой constraintlayout

00:06:36

добавьте фоновый цвет аналогичный

00:06:39

атрибут транзишен им с тем же значением

00:06:41

добавьте текстовом поле 2 фрагмента и

00:06:44

установите такой же размер текста как в

00:06:47

поле ввода первого фрагмента

00:06:49

также удалите привязку текстового поля к

00:06:52

родителю чтобы расположить его слева

00:06:53

вверху а корневому constraintlayout у

00:06:56

добавьте такой фоновый цвет в коде

00:06:59

класса фрагмент ван в обработчике

00:07:01

нажатия кнопки добавьте такой код здесь

00:07:04

мы используем функцию фрагмент навигатор

00:07:06

extras которая принимает пару элементов

00:07:08

по их транзишен ней мы передаем

00:07:11

созданную таким образом переменную x раз

00:07:13

в метод navi gate контроллера навигации

00:07:16

следующим параметрам после action далее

00:07:19

нужно изменить код вывода текстов так

00:07:21

чтобы выводился только тот текст который

00:07:23

передается из поля ввода первого

00:07:25

фрагмента

00:07:28

теперь откройте

00:07:30

вас фрагменту переопределите метод

00:07:32

oncreate и пропишите в нем такой код

00:07:35

здесь мы создаем анимацию при помощи

00:07:38

класса транзишен inflate р передавая ему

00:07:40

идентификатор стандартной анимации

00:07:42

android app транзишен мох вместо мув

00:07:45

можно передать другие анимации можете

00:07:48

попробовать самостоятельно вот так с

00:07:51

минимальным количеством кода мы

00:07:52

реализовали эффектный переход между

00:07:54

полем ввода и текстовым полем чтобы

00:07:57

посмотреть на результат запустите

00:07:58

приложение на устройстве

00:08:00

видите на первом экране какой-нибудь

00:08:02

текст и нажмите кнопку текст передается

00:08:05

на второй экран при этом поднимаясь

00:08:07

вверх создается впечатление что текст

00:08:09

буквально перелетает с одного экрана на

00:08:11

другой

00:08:12

на этом наш урок закончен надеюсь он был

00:08:15

вам полезен

00:08:16

исходный код урока как всегда можно

00:08:18

скачать по ссылке в текстовой версии

00:08:20

урока на нашем сайте в android info

00:08:23

ссылку на текстовой версии урока вы

00:08:25

можете найти под видео вопросы задавайте

00:08:28

в комментариях

00:08:29

а я прощаюсь до следующего урока всем

00:08:31

добра

00:08:33

[музыка]

00:08:49

[музыка]

Описание:

Скачай MobileTrans для передачи данных WhatsApp и других приложений между разными смартфонами: https://mobiletrans.wondershare.com/whatsapp-transfer-backup-and-restore.html ------------------------------------------------------------------ В этом уроке реализуем анимацию переходов между экранами в андроид-приложении. Исходный код в текстовой версии урока: http://www.fandroid.info/16-android-transition-animation-navigation/ ------------------------------------------------------------------ Продвинутые курсы по созданию реальных приложений и игр для android: https://www.fandroid.info/category/prodvinutye-kursy/ ------------------------------------------------------------------ Весь плейлист: https://www.youtube.com/playlist?list=PLyfVjOYzujuj20Y-3kVhT3Zro9CrMNgNS ------------------------------------------------------------------ Основы Kotlin: https://www.fandroid.info/osnovy-kotlin-vvedenie/ ------------------------------------------------------------------ Больше уроков: Уроки по основам работы с Android Studio на Java: https://www.youtube.com/playlist?list=PLyfVjOYzujugap6Rf3ETNKkx4v9ePllNK Как создать android приложение на Java: https://www.youtube.com/playlist?list=PLyfVjOYzujugap6Rf3ETNKkx4v9ePllNK Инструменты android разработчика: https://www.youtube.com/playlist?list=PLyfVjOYzujugEUT-7gYhONqB5Y1xszpCq Дизайн android приложений: https://www.youtube.com/playlist?list=PLyfVjOYzujugPnav0g4l0GGOPbj_vUf93 Уроки создания игр для android: https://www.youtube.com/playlist?list=PLyfVjOYzujuisikez6McGsBtKviTa_lty Основы программирования на JAVA: https://www.youtube.com/playlist?list=PLyfVjOYzujuj1J2z2CgHw1p4PdDwHuRsd ------------------------------------------------------------------ Группа взаимопомощи Вконтакте для начинающих ANDROID разработчиков и программистов: http://www.fandroid.info/gruppa-vzaimopomoshhi-dlya-nachinayushhih-android-razrabotchikov-i-programmistov-osvoim-android-vmeste/ ------------------------------------------------------------------ Скачать видеоуроки: http://www.fandroid.info/skachat-video-uroki-po-android-programmirovaniyu-i-razrabotke-mobilnyh-prilozhenij-dlya-android-smartfonov-i-planshetov/ ------------------------------------------------------------------ Поддержите наш проект: http://www.fandroid.info/spasibo-za-vashu-podderzhku/ whatsapp from android to iphone #whatsapp android to iphone #how to transfer whatsapp from android to iphone #transfer whatsapp from iphone to android #whatsapp iphone to android #how to transfer whatsapp from iphone to android

Готовим варианты загрузки

Популярные

HD видео

Только звук

Все форматы

* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."

** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах

Вопросы о скачивании видео

Как можно скачать видео "Урок 16. Android Navigation. Анимация переходов между экранами. Transition & Animation Framework"?

Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.
Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.
UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.

Какой формат видео "Урок 16. Android Navigation. Анимация переходов между экранами. Transition & Animation Framework" выбрать?

Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.

Почему компьютер зависает при загрузке видео "Урок 16. Android Navigation. Анимация переходов между экранами. Transition & Animation Framework"?

Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.

Как скачать видео "Урок 16. Android Navigation. Анимация переходов между экранами. Transition & Animation Framework" на телефон?

Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.

Как скачать аудиодорожку (музыку) в MP3 "Урок 16. Android Navigation. Анимация переходов между экранами. Transition & Animation Framework"?

Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.

Как сохранить кадр из видео "Урок 16. Android Navigation. Анимация переходов между экранами. Transition & Animation Framework"?

Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.

Сколько это всё стоит?

Нисколько. Наши сервисы абсолютно бесплатны для всех пользователей. Здесь нет PRO подписок, нет ограничений на количество или максимальную длину скачиваемого видео.