[Разработка мобильных приложений, Разработка под Android] Ликбез по Navigation Component: тем, кто пропустил все туториалы

Ответить на тему

Автор

Сообщение

news_bot ^®

Стаж: 6 лет 9 месяцев
Сообщений: 27286

news_bot ^® написал(а)
28-Янв-2021 16:32

Цитировать

Эта история для тех, кто до сих пор не в курсе про Navigation Component. Тут мы пробежимся по основным элементам библиотеки и посмотрим, как это все выглядит.Вы сейчас в первой части большого материала про Navigation Component в многомодульном проекте. Если вы уже знакомы с азами, то рекомендую идти дальше к частям:

TL;DR.:Чтобы организовать навигацию в приложении с помощью Navigation Component, надо:

Создать граф;
Добавить в него экраны;
Добавить переходы между ними;
Добавить вложенные графы, если нужно;
Положить все это бесчинство в NavHost;
Указать переходы в коде.

Основные компоненты навигации

1. Navigation Graph — основополагающая единица навигации. Это граф, в котором вершины — экраны, а ребра — переходы между ними. Граф создается в отдельном xml-файле в папке res/navigation. Чтобы не вводить navController в заблуждение, необходимо в графе указать его стартовую точку (startDestination)2. Destination представляет UI-единицу на графе (Fragment/Activity/Dialog/NestedGraph).3. Action обозначает переход между destination-ами графа. Может быть как направленным (от одного экрана к другому), так и глобальным (не иметь вершины, от которой происходит переход).4. Nested Graph — это вложенный граф. Если одного графа будет мало или он будет сильно большой, можно разбить их на несколько и переиспользовать один граф в другом с помощью тега <include>.5. NavHost — контейнер, в котором будет происходить навигация. Для корректной работы надо указать контейнеру, что он именно NavHostFragment, и передать граф навигации. Выглядит это так:

<androidx.fragment.app.FragmentContainerView
android:id="@+id/navHost"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:defaultNavHost="true"
app:navGraph="@navigation/nav_main" />

6. NavController — объект, который отвечает за навигацию. Он еще появится дальше в пункте про переходы. По факту NavController — это роутер, с помощью которого мы можем переходить между экранами, отправлять параметры, задавать дополнительные опции перехода, анимации, shared-элементы и пр.Переходы между экранамиПереходы между экранов можно сделать через Action или через DeepLink.Переход с помощью ActionКак выглядит:

Вызов перехода:

navController.navigate(
R.id.action_to_user_details,
Bundle().apply {putString(USER_ID, userId)}
)

Получение аргументов на «том конце»:

private val userID by lazy {
arguments!![USER_ID]
}

Переход с помощью deep linkКак выглядит:

Вызов перехода:

navController.navigate(
Uri.parse(“app://customUri?parameter=$reason”)
)

Получение аргументов на «том конце»:

private val refundId by lazy {
arguments?.getString(“parameter”, null)
}

Вот и всё! Достаточно просто и понятно — именно этим и подкупает Navigation Component. Теперь давайте углубимся в то, как работает плагин Safe Args и что он делает и приступим уже к работе с Navigation Component в многомодульном проекте совместно с SafeArgs и iOS-like multistack-навигации.
===========
Источник:
habr.com
===========
Похожие новости:

Теги для поиска: #_razrabotka_mobilnyh_prilozhenij (Разработка мобильных приложений), #_razrabotka_pod_android (Разработка под Android), #_android, #_android_navigation, #_navigation_component, #_razrabotka_mobilnyh_prilozhenij (
Разработка мобильных приложений
), #_razrabotka_pod_android (
Разработка под Android
)

Профиль ЛС

Ответить на тему

Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы

Текущее время: 22-Ноя 15:08
Часовой пояс: UTC + 5