Navigation 详解三

配合 Toolbar

在 BottomNavigationActivity 中添加 Toolbar,修改主题为 NoActionBar 的。

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_bottom_navigation)

    val navHostFragment = nav_fragment as NavHostFragment
    NavigationUI.setupWithNavController(navigation, navHostFragment.navController)

    setSupportActionBar(toolbar)
    NavigationUI.setupWithNavController(toolbar, navHostFragment.navController) // 关联 Toolbar 和 NavController
}

// 重写方法,按下 Toolbar 的返回键弹出一个 Fragment
override fun onSupportNavigateUp() = 
    findNavController(nav_fragment).navigateUp()

Toolbar 的 title 是 destination 的 label,start destination 没有返回箭头。

配合 NavigationView

原本 NavigationActivity 用的 layout 是 activity_navigation.xml,现在将其改成 activity__navigation_drawer.xml,内容为:

<!-- activity_navigation_drawer.xml -->
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout 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/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">

    <include
        layout="@layout/activity_navigation"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:itemIconTint="#ff0000"
        app:headerLayout="@layout/nav_header_nd"
        app:menu="@menu/navigation_drawer" />

</android.support.v4.widget.DrawerLayout>

通过 include 引入原来的 activity_navigation.xml,menu/navigation_drawer.xml 为:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:showIn="navigation_view">

    <group android:checkableBehavior="single">
        <item
            android:id="@id/nav_graph_first_fragment"
            android:icon="@drawable/ic_home_black_24dp"
            android:title="first" />

    </group>

    <item android:title="Communicate">
        <menu>
            <item
                android:id="@id/nav_graph_second_fragment"
                android:icon="@drawable/ic_notifications_black_24dp"
                android:title="second" />
        </menu>
    </item>
</menu>

和 BottomNavigationView 一样使用,id 和 destination 的 id 一致。

class NavigationActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_navigation_drawer)

        withBottomNavigationView.onClick { startActivity<BottomNavigationActivity>() }

        val navController = Navigation.findNavController(this, R.id.nav_fragment) // id 是 include 的 activity_navigation 里的 NavHostFragment 的 id
        NavigationUI.setupWithNavController(nav_view, navController) // 关联
    }

}

navigation_drawer.gif

监听

在 NavController 上 addOnNavigatedListener() 添加一个 OnNavigatedListener。

navController.addOnNavigatedListener { _, destination ->
    // 切换到了哪个 destination,参数 destination 就是哪个
}

subgraph 和 include

在 design 视图上,按住 Shift 键选择多个 destination,右击选择 Move to Nested Graph > New Graph

navigation_nested.gif

看 xml 变成了

<?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/bottom_nav_graph"
    app:startDestination="@id/homeFragment">

    <fragment
        android:id="@+id/homeFragment"
        android:name="pot.ner347.androiddemo.navigation.HomeFragment"
        android:label="fragment_home"
        tools:layout="@layout/fragment_home" >
        <action
            android:id="@+id/action_homeFragment_to_notificationFragment"
            app:destination="@id/navigation2" />
        <action
            android:id="@+id/action_homeFragment_to_dashboardFragment"
            app:destination="@id/navigation2" />
    </fragment>
    <navigation android:id="@+id/navigation2"
        app:startDestination="@id/dashboardFragment">
        <fragment
            android:id="@+id/notificationFragment"
            android:name="pot.ner347.androiddemo.navigation.NotificationFragment"
            android:label="fragment_notification"
            tools:layout="@layout/fragment_notification" />
        <fragment
            android:id="@+id/dashboardFragment"
            android:name="pot.ner347.androiddemo.navigation.DashboardFragment"
            android:label="fragment_dashboard"
            tools:layout="@layout/fragment_dashboard">
            <action
                android:id="@+id/action_dashboardFragment_to_notificationFragment"
                app:destination="@id/notificationFragment" />
        </fragment>
    </navigation>
</navigation>

内部多了个 <navigation> 节点,startDestination 是 dashboardFragment,而 homeFragment 的两个 action 都指向了这个新的 navigation。修改 HomeFragment 的代码

homeToDashboard.onClick {
    NavHostFragment.findNavController(this@HomeFragment)
                    .navigate(R.id.navigation2) // 用子 graph 的 id
}
homeToNotification.onClick {
    Navigation.findNavController(view)
            .navigate(R.id.action_homeFragment_to_notificationFragment)
            // 还用原来的 action 的 id,名字最好改下
}

两个方法都到了 DashboardFragment,因为去的是 sub graph(navigation2),而 dashboardFragment 是 start destination。


除了嵌套外,还可以把 subgraph 单独移出来作为一个文件,然后原来地方使用 include 引入,比如创建 bottom_nav_sub_graph.xml:

<!-- bottom_nav_sub_graph.xml -->
<?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/navigation2"
    app:startDestination="@id/dashboardFragment">

    <fragment
        android:id="@+id/notificationFragment"
        android:name="pot.ner347.androiddemo.navigation.NotificationFragment"
        android:label="fragment_notification"
        tools:layout="@layout/fragment_notification" />
    <fragment
        android:id="@+id/dashboardFragment"
        android:name="pot.ner347.androiddemo.navigation.DashboardFragment"
        android:label="fragment_dashboard"
        tools:layout="@layout/fragment_dashboard">
        <action
            android:id="@+id/action_dashboardFragment_to_notificationFragment"
            app:destination="@id/notificationFragment" />
    </fragment>
</navigation>
<!-- bottom_navigation.xml -->
<?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/bottom_nav_graph"
    app:startDestination="@id/homeFragment">

    <fragment
        android:id="@+id/homeFragment"
        android:name="pot.ner347.androiddemo.navigation.HomeFragment"
        android:label="fragment_home"
        tools:layout="@layout/fragment_home" >
        <action
            android:id="@+id/action_homeFragment_to_notificationFragment"
            app:destination="@id/navigation2" />
        <action
            android:id="@+id/action_homeFragment_to_dashboardFragment"
            app:destination="@id/navigation2" />
    </fragment>

    <include app:graph="@navigation/bottom_nav_sub_graph"/>
</navigation>

效果完全一样。

参考:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏haifeiWu与他朋友们的专栏

Dagger Android支持库(译文)

与其他依赖注入框架相比,Dagger 2 最大的优点是他不使用反射,严格的生成实现类,这意味着他可以使用在 Android 应用上。但是在Android上使用仍...

1193
来自专栏Android干货园

Android ListView性能优化,异步加载图片

版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/48...

2362
来自专栏懒人开发

BottomNavigationView简单使用

之前见过类似这个库, 是带ripple效果的 不记得具体地址了,和这个类似 https://github.com/Ashok-Varma/BottomNav...

1023
来自专栏非著名程序员

Base封装之我的最简MVP架构

绪论 最近懒癌症犯了,好久都没写博客了,当然也在做一些东西,也在整理自己一直以来使用的一些技术点,从Retrofit到OkGO,从ListView到Recycl...

3309
来自专栏青玉伏案

Android开发之Activity的生命周期以及加载模式

本篇博客就来好好的搞一下Activity的生命周期,如果搞过iOS的小伙伴的话,Activity的生命周期和iOS中ViewController的生命周期非常类...

2127
来自专栏Android学习之路

Android 导入现有数据库

25511
来自专栏Android干货园

Base封装(一)--我的最简MVP架构

版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/73...

1531
来自专栏分享达人秀

ListView列表数据源——Adapter

在上一节一起了解了ListView的简单使用,那么本节继续来学习与ListView有着千丝万缕的Adapter。 一、了解MVC模式 在开始学习...

40710
来自专栏分享达人秀

Activity中启动和关闭其他Activity

上一期我们学习了Activity的创建和配置,当时留了一个悬念,如何才能在默认启动的Activity中打开其他新建的Activity呢?那么本期一起来学...

4245
来自专栏Android干货

Android项目实战(三十四):蓝牙4.0 BLE 多设备连接

1.1K6

扫码关注云+社区

领取腾讯云代金券