【移动应用开发技术】如何用Navigation管理Fragment

【移动应用开发技术】如何用Navigation管理Fragment

如何用Navigation管理Fragment？针对这个问题，今天在下总结这篇有关使用Navigation的文章，希望能帮助更多想解决这个问题的朋友找到更加简单易行的办法。首先我们回顾一下Fragment的事务：fragmentManager.beginTransaction().add(xxx).commit()；如果是常见的多Tab切换Fragment，我们会在XML中使用FrameLayout作为Fragment的容器，然后创建Fragment实例，根据不同情况放入FrameLayout中：<?xmlversion="1.0"encoding="utf-8"?>

<LinearLayoutxmlns:android="/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

<FrameLayout

android:id="@+id/container"

android:layout_width="match_parent"

android:layout_height="match_parent"/>

</LinearLayout>假设我们要阅读这份代码，坦白的说，你从这个xml可以得到的信息非常的少，你只能猜测这个页面可能是使用了Fragment仅此而已，然后再去找Java或Kotlin文件，具体查看FrameLayout都使用了哪些功能逻辑。Navigation现在我们用Navigation库，完成刚才的多Tab切换逻辑：MainActivity的xml文件：

<?xmlversion="1.0"encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayoutxmlns:android="/apk/res/android"

xmlns:app="/apk/res-auto"

xmlns:tools="/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MainActivity">

<!--fragment的集合-->

<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"/>

</androidx.constraintlayout.widget.ConstraintLayout>nav_graph文件：

<?xmlversion="1.0"encoding="utf-8"?>

<navigationxmlns:android="/apk/res/android"

xmlns:app="/apk/res-auto"

xmlns:tools="/tools"

android:id="@+id/nav_graph"

app:startDestination="@id/mainFragment"><!--开始的fragment-->

<fragment

android:id="@+id/mainFragment"

android:name="com.lzp.navigation.fragment.MainFragment"

android:label="main"

tools:layout="@layout/fragment_main"/>

<fragment

android:id="@+id/secondFragment"

android:name="com.lzp.navigation.fragment.SecondFragment"

android:label="second"

tools:layout="@layout/fragment_sec"/>

</navigation>从代码量上来看，确实是增加了，但是对应的xml中可以查看的信息增加了很多，从Activity的XML中我们把Fragment的使用区域封装成一个Fragment，而这个Fragment绑定了一个@navigation/nav_graph文件，在nav_graph中描述了我们将会使用到哪些Fragment。Navigation的使用从刚才我们的例子可以看出，Navigation的目标是把Fragment的维护移动到XML中，尽可能简化Fragment的使用复杂度，提高代码的可阅读性和维护性。你可以把Navigation的使用看成是一个高级的Include，只不过他的功能更加丰富和强大。添加Gradle依赖dependencies{

defnav_version="2.1.0"

//Java

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"

}Google提供了Java和Kotlin两个版本。想要使用Navigation，必须要支持androidX，没有升级到androidX的朋友真的应该抓紧时间了。使用NavHostFragment<!--fragment的集合-->

<fragment

android:id="@+id/nav_host_fragment"

android:name="androidx.navigation.fragment.NavHostFragment"

android:layout_width="match_parent"

android:layout_height="match_parent"

app:defaultNavHost="true"

app:navGraph="@navigation/nav_graph"/>把FrameLayout容器替换成NavHostFragment，app:navGraph="@navigation/nav_graph"是绑定对应的布局文件。@navigation只有在androidstudio3.3以上版本才支持。创建navGraph在res文件加下创建navigation文件夹，在该文件夹下创建你需要的xml：之前的Demo的XML代码：<?xmlversion="1.0"encoding="utf-8"?>

<navigationxmlns:android="/apk/res/android"

xmlns:app="/apk/res-auto"

xmlns:tools="/tools"

android:id="@+id/nav_graph"

app:startDestination="@id/mainFragment"><!--开始的fragment-->

<fragment

android:id="@+id/mainFragment"

android:name="com.lzp.navigation.fragment.MainFragment"

android:label="main"

tools:layout="@layout/fragment_main"/>

<fragment

android:id="@+id/secondFragment"

android:name="com.lzp.navigation.fragment.SecondFragment"

android:label="second"

tools:layout="@layout/fragment_sec"/>

</navigation>我们将会使用两个Fragment，分别为MainFragment和SecondFragment，要为他们设置好id，因为Fragment的切换需要使用id。app:startDestination="@id/mainFragment"必须设置，指定默认添加的Fragment的id，如果不设置会直接崩溃。切换Fragment从MainFragment切换到SecondFragment：valnavHostController=Navigation.findNavController(activity,R.id.nav_host_fragment)

//跳转到secondFragment

navHostController.navigate(R.id.secondFragment)

//返回上一个Fragment

navHostController.navigateUp()Navigation的更多用法Navigation的使用就是这么简单，如果是Fragment非常熟悉的朋友，大体都能猜到Navigation是怎么做到的，这里就不做更多的分析了，接下来我们一起看看Navigation还提供了哪些便捷的方法。Fragment的控制几乎都在NavController中。动态设置NavGraphvalnavController=Navigation.findNavController(this,R.id.nav_host_fragment)

//与inflater类似，加载xml文件

valnavGraph=navController.navInflater.inflate(R.navigation.nav_graph)

//设置NavGraph，还有其他重载方法

navController.setGraph(navGraph,Bundle())Fragment的切换动画实现Fragment的切换动画有两种方法，第一种非常简单，直接在XML中写：<fragment

android:id="@+id/mainFragment"

android:name="com.lzp.navigation.fragment.MainFragment"

android:label="main"

tools:layout="@layout/fragment_main">

<action

android:id="@+id/to_second"

app:destination="@id/secondFragment"

app:enterAnim="@anim/enter_anim"

app:exitAnim="@anim/exit_anim"

app:popEnterAnim="@anim/pop_enter_anim"

app:popExitAnim="@anim/pop_exit_anim"/>

</fragment>action可以自定义启动模式，启动动画等，id为必填项app:enterAnim="@anim/enter_anim"//进入页面的动画app:exitAnim="@anim/exit_anim"

//退出的页面的动画app:popEnterAnim="@anim/pop_enter_anim"

//点击返回或回到上一页时，上一个页面的进入动画app:popExitAnim="@anim/pop_exit_anim"

//点击返回或回到上一页时，当前页面的退出动画action可以自定义启动模式，启动动画等，id为必填项app:enterAnim="@anim/enter_anim"//进入页面的动画app:exitAnim="@anim/exit_anim"

//退出的页面的动画app:popEnterAnim="@anim/pop_enter_anim"

//点击返回或回到上一页时，上一个页面的进入动画app:popExitAnim="@anim/pop_exit_anim"

//点击返回或回到上一页时，当前页面的退出动画第二种，通过代码设置切换动画：navHostController.navigate(R.id.to_second,bundle,navOptions{

anim{

enter=R.anim.enter_anim

exit=R.anim.exit_anim

popEnter=R.anim.pop_enter_anim

popExit=R.anim.pop_exit_anim

}

})重点是创建NavOption，他包含了跳转的各种动画，除了举例的方法外，还有很多其他重载的方法，这里就不做介绍了，大家可以自行查看。Fragment的切换Fragment的切换使用NavController的navigate()方法，他重载的方法非常多，在这里只介绍几个常用的方法。navHostController.navigate(R.id.secondFragment)请注意，这种跳转会直接忽略你设置的Action，直接显示对应id的Fragment。//使用配置的action进行跳转

navHostController.navigate(R.id.to_second)第三种，自定义NavDirections//自定义NavDirections

navHostController.navigate(object:NavDirections{

overridefungetArguments():Bundle=bundle

overridefungetActionId():Int=R.id.to_second

})前两中也都有Bundle参数的跳转方法，在arguments中得到传递的参数。监听Fragment切换privatevalonDestinationChangedListener=

NavController.OnDestinationChangedListener{_,destination,_->Log.e("lzp",destination.label.toString())}

valnavHostController=Navigation.findNavController(this,R.id.nav_host_fragment)

//设置监听

navHostController.addOnDestinationChangedListener(onDestinationChangedListener)

//移除监听

navHostController.removeOnDestinationChangedListener(onDestinationChan