隐藏 android 子屏幕/片段的底部导航视图

Question

我正在尝试创建一个 activity Android 应用程序。 我有带有 BottomNavigationView 的 MainActivity（仅 activity）、三个顶级片段和一些子片段。我的要求是每当屏幕显示顶级片段时，底部导航应该可见，以便可以进行切换。但是当我查看任何子片段时，应该隐藏底部导航。 是否有任何开箱即用的方式使用导航组件或需要手动更改可见性？

Answer 1

为了可见性，您必须在 MainActivity 中创建一个方法。请从要显示或隐藏的片段中调用该方法。

我遇到这种情况的一件事是，底部导航可见性没有正确消失。所以我将底部导航视图放在相对布局中并隐藏该父视图。

Answer 2

更新（导航组件 1.0）

自 Navigation component 1.0.0-alpha08 起，方法 addOnNavigatedListener(controller: NavController, destination: NavDestination) 已更改为 addOnDestinationChangedListener(controller: NavController, destination: NavDestination, arguments: Bundle)。它的行为也略有改变（如果目标参数改变，它也会被调用）。

旧答案

您可以使用 NavController.OnNavigatedListener 实现此行为（在 Activity onCreate 中设置）：

findNavController(R.id.container).addOnNavigatedListener { _, destination ->
    when (destination.id) {
        R.id.dashboardFragment -> showBottomNavigation()
        else -> hideBottomNavigation()
    }
}

private fun hideBottomNavigation() {
    // bottom_navigation is BottomNavigationView
    with(bottom_navigation) {
        if (visibility == View.VISIBLE && alpha == 1f) {
            animate()
                    .alpha(0f)
                    .withEndAction { visibility = View.GONE }
                    .duration = EXIT_DURATION
        }
    }
}

private fun showBottomNavigation() {
    // bottom_navigation is BottomNavigationView
    with(bottom_navigation) {
        visibility = View.VISIBLE
        animate()
                .alpha(1f)
                .duration = ENTER_DURATION
    }
}

Answer 3

你只需要把这段代码写在MainActivity

class MainActivity : AppCompatActivity() {

    private lateinit var navController: NavController

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


        //Getting the Navigation Controller
        navController = Navigation.findNavController(this, R.id.fragment)

        //Setting the navigation controller to Bottom Nav
        bottomNav.setupWithNavController(navController)


        //Setting up the action bar
        NavigationUI.setupActionBarWithNavController(this, navController)

        //setting the Bottom navigation visibiliy
        navController.addOnDestinationChangedListener { _, destination, _ ->

           if(destination.id == R.id.full_screen_destination ){
               bottomNav.visibility = View.GONE
           }else{
               bottomNav.visibility = View.VISIBLE
           }


        }

    }

从 android 开发人员文档中获取更多详细信息： Update UI components with NavigationUI

Answer 4

使用 addOnDestinationChangedListener 可行，这是官方文档中推荐的解决方案，但它确实会导致一些闪烁，因为回调是在附加片段之前执行的。

我发现下面的答案更灵活，并且可以更好地处理动画：

supportFragmentManager.registerFragmentLifecycleCallbacks(object : FragmentManager.FragmentLifecycleCallbacks() {
        override fun onFragmentViewCreated(fm: FragmentManager, f: Fragment, v: View, savedInstanceState: Bundle?) {
            TransitionManager.beginDelayedTransition(binding.root, Slide(Gravity.BOTTOM).excludeTarget(R.id.nav_host_fragment, true))
            when (f) {
                is ModalFragment -> {
                    binding.bottomNavigation.visibility = View.GONE
                }
                else -> {
                    binding.bottomNavigation.visibility = View.VISIBLE
                }
            }
        }
    }, true)

您可以根据片段之间的过渡对其进行自定义，方法是选择不同的动画（在我的示例中是幻灯片），或者在另一个生命周期回调中进行调用。

Answer 5

所以即使这个问题已经得到回答并且接受的答案是有效的，这里是实际实现此行为的代码：

主要活动

fun hideBottomNav() {
   bottomNavigationView.visibility = View.GONE
}
    
fun showBottomNav() {
    bottomNavigationView.visibility = View.VISIBLE
}

然后调用片段中的函数 onViewCreated()、onDetach() 函数，例如：

片段

class FragmentWithOutBottomNav() : Fragment() {
    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        (activity as MainActivity).hideBottomNav()
    }

    override fun onDetach() {
        super.onDetach()
        (activity as MainActivity).showBottomNav()
    }
}

希望我能帮助一些人。编码愉快！

Answer 6

navController.addOnDestinationChangedListener { _, destination, _ ->
    val isMainPage = bottomNavigationView.selectedItemId == destination.id
    bottomNavigationView.isVisible = isMainPage
}