Navigation深入浅出,到出神入化,再到实战改造

思考几个问题:

  1. 可以在代码中用Bundle传递参数,为什么要在XML去配置
  2. XML中的参数标签,只能设置和读取,无法在XML中跳转是附带传过去,如B页面要求传入name:String,于是在标签中配置,但A去跳转时,无法在XML中传入,只能在代码中定义参数名称和值,那么XML的参数还有何意义?有什么实用的场景?
  3. navigationUp和popBackStack()回退上一级时有什么区别,该如何正确使用
  4. 跳转时 有时用的是Action的ID,有时用的是Fragment的ID 他俩到底在什么场景下,区分该将哪个传入方法作为参数

使用和核心方法

1.创建NavGraph

图片.png

<?xml version="1.0" encoding="utf-8"?>
<navigation xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/nav_graph"
    app:startDestination="@id/home_fragment">
    <fragment
        android:id="@+id/home_fragment"
        android:name="org.devio.proj.navigationdemo.HomeFragment"
        android:label="@string/hello_blank_fragment"
        tools:layout="@layout/fragment_home">
        <action
            android:id="@+id/home_to_other"
            app:destination="@id/other_fragment"
            app:enterAnim="@anim/fade_in"
            app:exitAnim="@anim/fade_out" />
    </fragment>

    <fragment
        android:id="@+id/other_fragment"
        android:name="org.devio.proj.navigationdemo.OtherFragment"
        android:label="@string/hello_blank_fragment"
        tools:layout="@layout/fragment_other">

        <action
            android:id="@+id/other_to_deeplink"
            app:destination="@id/nav_graph_to" />
        
        <argument
            android:name="home_arg_name"
            android:defaultValue="defName"
            app:argType="string"
            app:nullable="true" />

        <argument
            android:name="home_arg_age"
            android:defaultValue="99"
            app:argType="integer" />
        <argument
            android:name="home_arg_mode"
            app:argType="org.devio.proj.navigationdemo.Model" />
        <!--        <deepLink-->
        <!--        android:id="@+id/deepLink"-->
        <!--        app:uri="www.baidu.com" />-->
        <!--        android:autoVerify="false"
                    app:action="ACTION_SEND"
                    app:mimeType="text/html"-->
    </fragment>

    <navigation
        android:id="@+id/nav_graph_to"
        android:label="SecondHome"
        app:startDestination="@id/deep_link_fragment">
        <fragment
            android:id="@+id/deep_link_fragment"
            android:name="org.devio.proj.navigationdemo.DeeplinkFragment"
            android:label="@string/hello_blank_fragment"
            tools:layout="@layout/fragment_deeplink">

            <action
                android:id="@+id/deeplink_to_home"
                app:popUpTo="@id/home_fragment" />
        </fragment>
        <fragment
            android:id="@+id/settingFragment"
            android:name="org.devio.proj.navigationdemo.SettingFragment"
            android:label="fragment_setting"
            tools:layout="@layout/fragment_setting" />
    </navigation>
</navigation>

navigation :视图导航的根部标签, app:startDestination="@id/home_fragment" 指定以哪个页面为首页。 标签下包含3中子标签。:

<activity></activity>  支持Activity 跳转
<dialog></dialog>      支持 dialogFragment 跳转
<fragment></fragment>  支持fragment 跳转

出以上三种跳转类型外, 标签下还支持嵌套操作。

 <navigation>
        <navigation>
            
        </navigation>
        
         <include  >// 嵌套另一个nav_graph ,注意:
         这个布局只能是<navigation>为根节点的布局

        </include>
    </navigation>

以Fragment为例,创建3个Fragment实例,分别为HomeFragment,OtherFragment,DeeplinkFragment。


<?xml version="1.0" encoding="utf-8"?>
<navigation xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/nav_graph"
    app:startDestination="@id/home_fragment">
    <fragment
        android:id="@+id/home_fragment"
        android:name="org.devio.proj.navigationdemo.HomeFragment"
        android:label="@string/hello_blank_fragment"
        tools:layout="@layout/fragment_home">
    </fragment>

    <fragment
        android:id="@+id/other_fragment"
        android:name="org.devio.proj.navigationdemo.OtherFragment"
        android:label="@string/hello_blank_fragment"
        tools:layout="@layout/fragment_other">
    </fragment>

    <navigation
        android:id="@+id/nav_graph_to"
        android:label="SecondHome"
        app:startDestination="@id/deep_link_fragment">
        <fragment
            android:id="@+id/deep_link_fragment"
            android:name="org.devio.proj.navigationdemo.DeeplinkFragment"
            android:label="@string/hello_blank_fragment"
            tools:layout="@layout/fragment_deeplink">

            <action
                android:id="@+id/deeplink_to_home"
                app:popUpTo="@id/home_fragment" />
        </fragment>
        <fragment
            android:id="@+id/settingFragment"
            android:name="org.devio.proj.navigationdemo.SettingFragment"
            android:label="fragment_setting"
            tools:layout="@layout/fragment_setting" />
    </navigation>
    
</navigation>

id 当前节点的唯一标识

name 节点对应的Fragment全类名

label 节点说明,当与BottomNavigationView组合使用时,字符串内容会成为页面的title

tools:layout coding时,查看界面内容


2.节点下参数配置说明

注: 节点的含义,即表示 ,

图片.png
点击右上角Design,进入Navigation,视图导航编辑页面。左侧为添加一个图片.png新节点,图片.png设置某个节点,为首页第一个展示节点。

右侧是为节点添加支持的属性

图片.png

2.1 跳转当前页面所需参数 (Argments)

跳转,回退当前节点所需要的参数。

Name: 参数名称,等同于intent.getString(key,value)中的Key
Type: 参数类型
Array: 是否是数组(String[])
Nullable: 是否可以为空
Default Value 为空的时的默认值

更多支持的参数类型:

图片.png

2.2 跳转路由动作 (Action)

图片.png

ID 当前跳转动作节点的唯一标识,后续在代码中调用navController.navigation(R.id.ID)会用到,即执行当前配置的Action
From 所配置的当前节点,点击给那个节点配置,默认就是哪个。选中后不可更改
Destination 跳转的目标节点,即那个Fragment
enter:进入动画
Exit :退出动画
Pop Enter : 上一节点出栈当前节点的动画
Pop Exit: 上一节点回退栈到当前节点的动画

Pop To 按返回键会调用 navController.navigationUp或navController.popBackStack()时,想回退定向到那个节点

Inclusive: 很重要 多次出现。加入A->B->C,C的Pop To为B,当Inclusive 为true,则表示B也退出,直接进入到A,false回退到B
Single Top 类似Activity的SingleInscance,管理栈中有相同的节点,则不会创建,同时栈内此节点的上面的节点,全部出栈。

2.3 Deeplink
    <deepLink
            android:id="@+id/deepLink"
            android:autoVerify="false"
            app:action="ACTION_SEND"
            app:mimeType="text/html"
            app:uri="www.baidu.com" />

理解nav_graph.xml后,在MainActivity中配置如下配置文件:

   <fragment
        android:id="@+id/nav_host_fragment"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:defaultNavHost="true"
        app:navGraph="@navigation/nav_graph" />

以上3个配置比较重要:

    app:defaultNavHost="true"
    app:navGraph="@navigation/nav_graph"
    android:name="androidx.navigation.fragment.NavHostFragment"
  
  

三个必配项。

  1. 拦截返回键的点击事件,这样Fragment就可以想Activity一样,具有回退,返回事件
  2. 配置路由XML文件,然后加载进NavHostFragment中 app:navGraph属性,对应的就是NavGraph这个类
  3. NavHostFragment是Navigation提供的默认容器,所有路由逻辑都经过这里,然后在分发出去
3. 代码实现路由跳转和方法解析
3.1 核心方法

Acitivty#findNavController() 传入navGraph id
Fragment#findNavController() 直接调用
Navigation.findNavController() 传入View

navController.navigate()

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
       super.onViewCreated(view, savedInstanceState)

       val homeText = view.findViewById<TextView>(R.id.home_text)
       homeText.setOnClickListener {

           val model = Model("Jack", 16)
           val bundle = Bundle()
           bundle.putString("home_arg_name", "Tom")
           bundle.putInt("home_arg_age", 12)
           bundle.putParcelable("home_arg_mode", model)
//            arguments?.let {
//                it.putString("home_arg_name", "Tom")
//                it.putInt("home_arg_age", 12)
//                it.putParcelable("home_arg_mode", model)
//            }

//            val navOptions = navOptions {
//                arguments?.let {
//                    it.putString("home_arg_name", "Tom")
//                    it.putInt("home_arg_age", 12)
//                    it.putParcelable("home_arg_mode", model)
//                }
//            }
           findNavController().navigate(R.id.home_to_other, bundle)
//            findNavController().navigate(R.id.home_to_other)
//            findNavController().navigateUp()
//            findNavController().popBackStack()

       }
   }

navigate() 传入节点ID 表示路由到节点所在页面,
传入Action ID 表示执行XML 中的路由规则,同时还支持Deeplink跳转

navigateUp()和popBackStack()都表示回退上页面,但navigateUp()在Deeplink的情况下 应用1a(deeplink)路由到应用2的B后navigateUp()返回到a,而popBackStack()则会返回到当前栈内的上一层(A)
另一个区别是popBackStack()支持回退到指定页面,inclusive参数,之前有提到过

bundle 设置传递参数 Options设置其他配置参数,如动画,popUpTo等,也就说,在XML中的配置,在代码中都可实现。
那么参数中的配置argument在什么场景下比较合适。答案是:一些固定配置参数。例如loginFragment。A,B页面都会进入Login页面,但它们有不同的权限,所以可以配置不同的type,且这种配置基本不会变化。

4. 源码分析
4.1 源码中出现的个各类和职责

未命名文件.png

下篇将从这张图入手,开始源码分析,并利用实战改造

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值