使用Jetpack组件Navigation（一），Fragment与Fragment/Activity页面跳转

最新推荐文章于 2024-09-20 09:03:37 发布
最新推荐文章于 2024-09-20 09:03:37 发布
阅读量2.4k 收藏 5
点赞数 2
分类专栏： Android 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40785165/article/details/113484751
版权

本文地址：https://blog.csdn.net/qq_40785165/article/details/113484751,转载需附上此地址

大家好，我是小黑，一个还没秃头的程序员~~~

水再浑浊，只要长久沉淀，依然会分外清澈；人再愚钝，只要足够努力，一样能改写命运。

这次小黑带来的是Android Jetpack中的导航组件-----Navigation，引用官方的一段话介绍导航组件

在不同屏幕和应用之间导航是用户体验的核心组成部分。以下原则为跨各种应用提供一致且直观的用户体验设定了基准。Navigation 组件设计为默认实现这些原则，从而确保用户在各应用之间切换时能够使用相同的启发法和模式进行导航。

注：如果要使用导航和 Android Studio，则必须使用 Android Studio 3.3 或更高版本。

这次文章的内容是Navigation组件的入门使用，使用Kotlin编写，进行简单的Fragment与Fragment/Activity的页面跳转，源码地址：https://gitee.com/fjjxxy/navigation-demo.git,效果图如下

注意事项一：AndroidStudio更新到4.1版本之后kotlin不能再直接用id进行操作控件了，可以改用ViewBinding或者在build(app)中手动添加kotlin-android-extensions插件id

话不多说，正文开始

（一）添加相关依赖，官方版本是2.3.2，但是这个版本下找不到FragmentContainerView，原因未知，所以这里就改用版本2.3.0

 def nav_version = "2.3.0"

    // Java language implementation
    implementation "androidx.navigation:navigation-fragment:$nav_version"
    implementation "androidx.navigation:navigation-ui:$nav_version"

    // Kotlin
    implementation "androidx.navigation:navigation-fragment-ktx:$nav_version"
    implementation "androidx.navigation:navigation-ui-ktx:$nav_version"

    // Feature module Support
    implementation "androidx.navigation:navigation-dynamic-features-fragment:$nav_version"

    // Testing Navigation
    androidTestImplementation "androidx.navigation:navigation-testing:$nav_version"

    // Jetpack Compose Integration
    implementation "androidx.navigation:navigation-compose:1.0.0-alpha05"

（二）准备多个用来切换的Fragment，本案例中有两个Fragment

NavigationFragment1.kt以及fragment_navigation1.xml代码如下：第四行是Fragment跳转Activity的代码，继续往下看就会看到相关内容了

class NavigationFragment1 : BaseFragment() {
    override fun initView(rootView: View) {
        rootView.tv_to_second.setOnClickListener {
            findNavController().navigate(R.id.to_second)
        }

    }

    override fun getLayoutId(): Int {
        return R.layout.fragment_navigation1
    }

}
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#9999FF"
    android:gravity="center"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="fragment_navigation1" />

    <TextView
        android:id="@+id/tv_to_second"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_margin="40dp"
        android:background="#e8e8e8"
        android:gravity="center"
        android:text="跳转到SecondActivity" />
</LinearLayout>

NavigationFragment2.kt以及fragment_navigation2.xml代码如下：

class NavigationFragment2 : BaseFragment() {
    override fun initView(rootView: View) {

    }

    override fun getLayoutId(): Int {
        return R.layout.fragment_navigation2
    }

}
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FF0033"
    android:gravity="center"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="fragment_navigation2" />
</LinearLayout>

公共类BaseFragment.kt代码如下:只是一个抽象类，方便开发者加载布局和初始化布局

abstract class BaseFragment : Fragment() {
    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        var inflate = inflater.inflate(getLayoutId(), container, false)
        initView(inflate)
        return inflate;
    }

    abstract fun initView(rootView: View)

    abstract fun getLayoutId(): Int
}

(三)碎片（Fragment）准备好了，现在应该找个容器来装了，就写在MainActivity里，布局文件为activity_main.xml，以往我们的做法是准备一个FrameLayout进行replace替换fragment，这里官方的建议控件是

androidx.fragment.app.FragmentContainerView

activity_main.xml代码如下：布局很简单，FragmentContainerView用来存放不同的Fragment，底下两个TextView用来处理切换Fragment的逻辑

注意事项二：这里FragmentContainerView在指定了name属性后一定要添加id属性，否则会报错

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <androidx.fragment.app.FragmentContainerView
        android:id="@+id/fragment_container_view"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        app:defaultNavHost="true"
        app:navGraph="@navigation/nav_config" />

    <View
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:background="#000" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="40dp">

        <TextView
            android:id="@+id/tv_to_fragment1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:text="navigation1" />

        <View
            android:layout_width="0.5dp"
            android:layout_height="match_parent"
            android:background="#000" />

        <TextView
            android:id="@+id/tv_to_fragment2"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:text="navigation2" />
    </LinearLayout>
</LinearLayout>
  1.  android:name属性用来指定实现NavHost的类名称
  2. app:navGrap属性用来配置导航器中的fragment以及和fragment跳转有关的目的activity，创建一个资源文件夹，命名为nagivation（别的命名不知道有没有关系，大家可以试一下），新建xml文件-nav_config.xml,用来配置切换的fragment以及activity，以及设置fragment跳转的目的地
  3. app:defaultNavHost="true"属性指定默认的NavHost

nav_config.xml代码如下：action设置跳转的id以及目的地

注意事项三：startDestination属性不能不写，否则会报错，页面的id也不能不写，否则也会报错

<?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"
    android:id="@+id/nav_config"
    app:startDestination="@id/fragment_nav_1">
    <!--对应fragment的id不能不写-->
    <fragment
        android:id="@+id/fragment_nav_1"
        android:name="com.example.navigationdemo.NavigationFragment1">
        <action
            android:id="@+id/to_fragment2"
            app:destination="@id/fragment_nav_2" />
        <action
            android:id="@+id/to_second"
            app:destination="@id/activity_second" />
    </fragment>
    <fragment
        android:id="@+id/fragment_nav_2"
        android:name="com.example.navigationdemo.NavigationFragment2">
        <action
            android:id="@+id/to_fragment1"
            app:destination="@id/fragment_nav_1" />
    </fragment>
    <activity
        android:id="@+id/activity_second"
        android:name="com.example.navigationdemo.SecondActivity" />
</navigation>
  1. android:id属性①fragment中的id指定自身id，或者作为其他页面的目标id，②action用来指定操作的id，在逻辑代码中告知跳转的目的地
  2. app:destination属性指定目标Fragment/Activity的id
  3. action用来表示操作,操作至少要有id和目的地，缺少后会报错
  4. fragment标签用来设置fragment，activity标签用来设置activity

配置文件写完后可以在右方打开Design模式看见导航图，如下图

最后，在MainActivity.kt中实现点击切换Fragment的逻辑，代码如下：

注意事项四：这里需要判断当前fragment是不是没变，没变就不跳转，因为navigation不运行当前页面和目标页面都是自己，否则会报错

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        //这里需要判断当前fragment是不是没变，没变就不跳转，因为navigation不运行当前页面和目标页面都是自己，否则会报错
        tv_to_fragment1.setOnClickListener {
            if (getFragment(NavigationFragment1::class.java) == null) {
                findNavController(R.id.fragment_container_view).navigate(R.id.to_fragment1)
            }
        }
        tv_to_fragment2.setOnClickListener {
            if (getFragment(NavigationFragment2::class.java) == null) {
                findNavController(R.id.fragment_container_view).navigate(R.id.to_fragment2)
            }
        }

    }

    @Suppress("UNCHECKED_CAST")
    fun <F : Fragment> AppCompatActivity.getFragment(fragmentClass: Class<F>): F? {
        val navHostFragment = this.supportFragmentManager.fragments.first() as NavHostFragment

        navHostFragment.childFragmentManager.fragments.forEach {
            if (fragmentClass.isAssignableFrom(it.javaClass)) {
                return it as F
            }
        }

        return null
    }
}

在Activity中导航到目的地有两种方法，我用的第一种

  1. Activity.findNavController(R.id.xxx)：通过指定NavHostFragment的id找到NavController
  2. supportFragmentManager.findFragmentById(R.id.xxx):通过指定NavHostFragment的id找到NavHostFragment，然后再取出NavController

接着调用navigate函数进行导航到目标

NavigationFragment1.kt文件中实现了 Fragment跳转另外一个Activity的代码：同样是通过指定目标的id进行跳转,目标Activity的id和类名称已在上面的nav_config.xml文件中定义于<activity>标签中

class NavigationFragment1 : BaseFragment() {
    override fun initView(rootView: View) {
        tv_to_second.setOnClickListener {
            findNavController().navigate(R.id.tv_to_second)
        }
    }

    override fun getLayoutId(): Int {
        return R.layout.fragment_navigation1
    }

}

总结：

  1. 设计Fragment布局
  2. 设计存放NavHostFragment的布局，比如这里的activity_main.xml
  3. 设计navigation的xml配置文件，设置各个目标Fragment/Activity的ID以及类名称
  4. 在逻辑代码中实现导航到目标的逻辑
  5. *上面内容提到的不能不写的属性要注意 

 目前为止，Navigation关于Fragment与Fragment/Activity页面跳转的内容就已经完成了，这篇文章是Navigation系列的入门使用记录，后面我将会带来关于Navigation其他的使用内容，敬请期待，也希望喜欢我文章朋友们可以帮忙点赞、收藏、评论，也可以关注一下，如果有问题可以在评论区提出，也欢迎大家订阅我的个人微信公众号，谢谢大家的支持！

Android_小黑
关注
专栏目录
使用Jetpack组件Navigation实现Android开发中页面跳转
qq_52967092的博客
12-04 2310
目录一、前言1.概述2.导航图的创建（官网）二、基本使用1.依赖配置2.具体实例：使用Navigation实现页面的跳转。2.1.class的创建2.2 、页面布局文件的创建2.3 向 Activity 添加 NavHost2.4导航文件的配置清单2.5、按钮的布局 布局预览2.6、最终实现页面跳转3.导航图的预览4.最终实现预览导航是指支持用户导航、进入和退出应用中不同内容片断的交互。Android Jetpack的导航组件可以帮助实现导航，无论是简单的按钮点击，还是应用栏和抽屉式导航栏等更为复杂的模式，
android fragment中添加按钮跳转到activity_Android-Jetpack笔记-Navigation之Fragment使用
weixin_28728495的博客
01-18 1681
Navigation是一种导航的概念，即把Activity和fragment当成一个个的目的地Destination，各目的地形成一张导航图NavGraph，由导航控制器NavController来统一调度跳转，本文会先简单分析下AS自带的示例代码。Jetpack笔记代码本文源码基于SDK 29，IDE是Android studio 3.5.3使用创建工程，引入依赖， implementation...
1-2.Jetpack 之 Navigation 跳转编码模板
最新发布
weixin_52173250的博客
09-20 1161
Navigation 是 Jetpack 中的一个重要成员，它主要是结合导航图（Navigation Graph）来控制和简化 Fragment 之间的导航，即往哪里走，该怎么走
Fragment 与 Activity之间的完美跳转——Navigation为例
没有胡子的猫Asimov
03-05 4005
以Navigation为例介绍Fragment 跳转到指定Fragment ，Fragment 与Activity之间的跳转。 亲测replace()方法不好使，会出现叠影。 1 多个 Fragment 共用一个Activity 1.1 Activity中加载指定 Fragment（跳转到指定Fragment） 在Navigation布局文件中配置 标签： 从nav_home跳转到nav_add...
使用Jetpack组件Navigation（三）Fragment跳转Fragment/Activity并传递参数
qq_40785165的博客
02-02 1252
本文地址：https://blog.csdn.net/qq_40785165/article/details/113522182,转载需附上此地址 大家好，我是小黑，一个还没秃头的程序员~~~ 滴水穿石,不是力量大,而是功夫深。 今天打算分享的内容是Navgation组件中，Fragment跳转到Fragment/Activity中并传递参数的实现，本次内容很简单，所以就不做过多的篇幅介绍了，源码地址：https://gitee.com/fjjxxy/navigation-demo.git，效果如下图
Activity跳转到Navigation中的Fragment
qq_44633692的博客
10-26 1244
Activity跳转到Navigation中的Fragment 思路 首先跳转到Fragment所在的Activity中 在跳回到对应Activity中需要判断这个意图是从哪里到达的这里，所以需要一个变量进行判断，可以采用 intent.putExtra()的方法进行传递一个值用于判别但此方法在简单的场合是没有问题的但是在Navigation中会出现一些小bug。 使用SharePreferences存一个值，等判断的时候直接判断它的值就可以了，这种方法目前没有发现任何bug 当前Fragment所
【Jetpack】Navigation 导航组件 ④ ( Fragment 跳转中使用 safe args 安全传递参数 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
08-25 6500
一、页面跳转间的传统的数据传递方式 1、传统的数据传递方式 - Bundle 传递数据 1、Navigation 组件中的 Bundle 数据传递 2、传统数据传递实现步骤 3、FragmentA 完整代码示例 4、FragmentB 完整代码示例 5、执行结果 2、使用 Bundle 传递数据安全性差 二、页面跳转间的传统的数据传递方式 1、导入插件依赖 2、使用插件 3、在 navigation_graph.xml 中定义要传递的 argument 参数信息 4、重新编译生成参数传递相关代码 5、调用
android开发过程中的小问题——Jetpack的Navigation管理fragment栈
Yelkore的博客
03-27 2365
Jetpack 的 Navigation 管理 fragment 栈 由于自己的项目使用的是 Jecpack 的 Navigation 来管理自己的 fragment，在使用过程中发现很多的退栈管理问题，于是乎在博客和简书上查阅资料，发现一篇不错的文章，分享出来Google控件Navigation进阶使用 其中管理 fragment 栈有两个参数很重要 popUpTo 和 popUpToIncl...
JetpackNavigation 导航组件 ④ ( Fragment 跳转中使用 safe args 安全传递参数 )
08-25
一、页面跳转间的传统的数据传递方式 1、传统的数据传递方式 - Bundle 传递数据 1、Navigation 组件中的 Bundle 数据传递 2、传统数据传递实现步骤 3、FragmentA 完整代码示例 4、FragmentB 完整代码示例 5、执行...
Android Jetpack 之Navigation组件demo
06-14
在这些组件中，Navigation是一个强大的导航管理工具，它帮助开发者更好地管理应用程序中的屏幕间跳转和用户流程。本篇将深入探讨Navigation组件的使用，并通过一个名为`NavigationDemo`的实例来展示其实践。 ### 一...
2. Jetpack源码解析---Navigation为什么切换Fragment会重绘？
Hankkin的博客小园
06-28 5328
上篇文章我们简单的介绍了Navigation组件的使用，以及深入分析了源码中的具体实现，基本原理我们已经很清晰了。本篇文章主要介绍下我在项目中遇到的问题，以及目前关于Navigation实现的一些探讨。还没有看过上篇文章的可以查看一下： Jetpack组件之Navigation—看完你就知道Navigation是什么了？ 1. 背景 先来看一下Navigation组件在官方文档上的介绍： 今...
Jetpack Compose之Navigation组件使用
my_worldlet的博客
07-22 520
Android Jetpack Compose之组件Navigation的基础使用
Jetpack Compose中的导航路由
川峰的博客
12-23 4106
Jetpack Compose中的导航库是由Jetpack库中的Navigation组件库的基础上添加的对Compose的扩展支持，Jetpack Compose中的Navigation在功能上跟jetpack组件库中对Fragment的导航使用方式很类似，但是使用Compose的好处是，它是纯kotlin的代码控制，不需要在xml再去配置，一切都是在kotlin代码中进行控制，更加方便灵活了。
Jetpack Compose 和即将退场的 Fragment
tq1086的博客
08-29 3545
Jetpack Compose 和即将退场的 Fragment 1. 文章信息 2. 介绍 3. 谁杀死了 Fragment？ 4. 可组合函数应当放到哪里？ 5. 结论 1文章信息 原文：https://sonique6784.medium.com/jetpack-compose-and-the-fall-of-fragments-54bf9977da1a 作者：Cédric F 翻译：tommwq 2介绍 本文是关于如何组织 Jetpack Compose 项目结构的。我不会讲怎样..
Jetpack - Fragment
HugMua的博客
10-24 442
特别是在 Fragment 中需要使用到上下文的时候，获取到的 Activity 本身就是一个 Context 对象。在 layout 中新建两个 xml 布局文件，分别命名为 fragment_left.xml 和 fragment_right.xml，对它们设置不同的背景色。导包使用 AndroidX 库的，以在不同系统版本提供一直体验，系统自带的在 9.0 被废弃。一般是用一个 FrameLayout 来占位，后期替换掉。2.3 通过 ViewModel（LiveData）
android使用navigation组件时，判断当前的fragment
cwwei20122012的博客
07-11 7143
google的jetpack中有一个navigation组件，具体用法参考https://developer.android.google.cn/jetpack。 使用该组件好处自然是减少我们使用activity，甚至一个app只需要一个activity，每个页面用一个fragment。 问题：当splash、login等页面也放在navigation时，按手机的返回键这些页面只能一页页回退，...
Jetpack组件(fragment)（1）
qq_58259539的博客
01-01 530
碎片是活动的一部分，使得活动更加的模块化设计。我们可以认为碎片是一种子活动。
（一百九十）Android Jetpack 学习（五）—— fragment
JT的专栏
11-10 340
片段 Fragment 表示 FragmentActivity 中的行为或界面的一部分。您可以在一个 Activity 中组合多个片段，从而构建多窗格界面，并在多个 Activity 中重复使用某个片段。您可以将片段视为 Activity 的模块化组成部分，它具有自己的生命周期，能接收自己的输入事件，并且您可以在 Activity 运行时添加或移除片段（这有点像可以在不同 Activity 中...
【译】体验在Jetpack Compose使用Navigation
Code1994的博客
09-14 1051
通过本文你会了解到怎么在Jetpack Compose里面使用Navigation。你还会了解到在navigate的时候怎么传递基础类型和自定义类型数据。 注意：Jetpack Compose最近已经发布了beta版本。这就意味着API的结构不会有太大的变动了。因此，现在这是学习怎么用Android开发下一代UI工具的时候了。Navigation是android开发的核心内容之一，所以你就好好看看本文吧。 使用Jetpack Compose Beta版本需要使用Android Studio Canary
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值