如何用NavHost+底部导航栏完成fragmetn切换效果

Posted ggzx666

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用NavHost+底部导航栏完成fragmetn切换效果相关的知识,希望对你有一定的参考价值。

NavHost+BottomNavigationView


@[TOC](文章目录)

前言


一、创建Fragment

1.这里建立好了4个fragment
在这里插入图片描述2.建立四个对应的fragment

在这里插入图片描述
3.在资源中创建一个Navigation目录

在这里插入图片描述
这里选择Navigation
在这里插入图片描述
点击OK确认添加依赖
在这里插入图片描述
4构建布局
在navigation中添加fragment

在这里插入图片描述5.添加BottomNavigationView
先插入NavHost
在这里插入图片描述

这里我直接拖了一个BottomNavigationView进去

在activity_main中
在这里插入图片描述
6.给bottomnavigation添加目录
res/menu/menu.xml
在这里插入图片描述7.给bottomnavigationt添加目录

在这里插入图片描述8.调整BottomNavigation位置
在这里插入图片描述
9.简单的NavHost+BottomNavigation就完成了

二、动画的添加

1.进入Nav资源文件中

可以拖动蓝色的点,使得fragment直接相互连接

在这里插入图片描述
点击连线,这里可以选择不同的动作,当切换fragment时,会出现切换效果
在这里插入图片描述

总结

以上是关于如何用NavHost+底部导航栏完成fragmetn切换效果的主要内容,如果未能解决你的问题,请参考以下文章

使用 navhost 在底部导航中停止片段刷新

首页-底部Tab导航(菜单栏)的实现:FragmentTabHost+ViewPager+Fragment

uni-app如何用uView自定义底部导航

如何用 UISearchBar 替换导航栏?

如何为导航到实现底部导航栏的活动中的上一个片段进行后推操作?

如何实现winform 可隐藏导航栏