如果使用导航控制器,如何删除某些片段中的底部导航视图和工具栏?

时间:2019-02-04 06:07:09

标签: android android-jetpack android-architecture-components

我以MainActivity作为导航控制器的主机,它具有工具栏和底部导航视图

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">

    <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:background="?attr/colorPrimary"
            android:theme="?attr/actionBarTheme"
            android:minHeight="?attr/actionBarSize"
            app:layout_constraintTop_toTopOf="parent" app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"/>


    <fragment
            android:id="@+id/nav_host_fragment"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:layout_constraintBottom_toTopOf="@+id/bottom_nav"
            app:layout_constraintTop_toBottomOf="@+id/toolbar"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            android:name="androidx.navigation.fragment.NavHostFragment"
            app:navGraph="@navigation/navigation_graph"
            app:defaultNavHost="true"
    />


    <android.support.design.widget.BottomNavigationView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            android:background="@color/colorPrimary"
            app:itemIconTint="@color/color_bottom_view_navigation"
            app:itemTextColor="@color/color_bottom_view_navigation"
            app:menu="@menu/menu_bottom_view"
            app:labelVisibilityMode="labeled"
            android:id="@+id/bottom_nav"/>




</android.support.constraint.ConstraintLayout>

它将托管一些片段作为底部导航视图的菜单,例如HomeFragmentOrderFragmentFavouriteFragmentCartFragmentProfileFragment

像这样: enter image description here

让我们说HomeFragment中有注销按钮,如果单击该按钮,它将移至“登录”屏幕。和往常一样,登录屏幕或注册屏幕没有底部导航视图,也没有工具栏。

那么,如果使用导航控制器,删除底部导航视图和工具栏的最佳方法是什么?

我尝试在导航控制器图形中使用<Include>标签,

所以我制作了两个导航图,然后进行了2个活动来将片段放置为宿主。第一个活动具有底部导航视图和工具栏(MainActivity,就像我上面共享的xml一样),另一个活动没有底部导航视图和工具栏

导航图如下图:

MainActivity作为导航主机片段 enter image description here

AuthActivity作为导航主机片段 enter image description here

但是当我使用以下代码从HomeFragment(具有退出按钮)移至LoginFragment时:

logout_button.setOnClickListener {
            Navigation.findNavController(it).navigate(R.id.action_toAuthActivity)

        }

但是在登录屏幕中,底部导航视图和工具栏仍然存在

我假定auth_graph(以AuthActivity作为主机)可以用于承载一些没有底部导航视图和工具栏的屏幕,例如登录屏幕,注册屏幕或忘记密码屏幕。

但是......我无法使用这种方式删除该底部导航视图和工具栏

那么如果使用导航控制器,如何在某些片段中删除底部导航视图和工具栏?

4 个答案:

答案 0 :(得分:0)

说实话,我只是读了这个问题的标题,但是..您不能切换可见性吗?将其放在您的MainActivity中。

fun toggleBottomNavigation(visible: Boolean) {
    bottomNavigationView.visibility = if (visible) {
        View.VISIBLE
    } else {
        View.GONE
    }
}

,并对工具栏执行相同的操作。

答案 1 :(得分:0)

似乎在NavigationUI中目前没有实现简单的解决方案。

我最终要做的是像这样在hideBottomBar中添加一个MainActivity方法:

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // ...
        hideBottomBar(false); // to have it visible by default
    }

    public void hideBottomBar(boolean isHidden){
         bottomBar.setVisibility(isHidden ? View.GONE : View.VISIBLE);
    }

然后,在需要隐藏底部栏的片段中:

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // layout inflating and stuff...

        MainActivity activity = (MainActivity) getActivity();
        if (activity != null)
            activity.hideBottomBar(true);

        return view;
    }

    @Override
    public void onDestroyView() {
        super.onDestroyView();

        MainActivity activity = (MainActivity) getActivity();
        if (activity != null)
            activity.hideBottomBar(false);    // to show the bottom bar when
                                              // we destroy this fragment
    }

答案 2 :(得分:0)

更简洁的方法是使用导航侦听器。这样,您在MainActivity中只需要1个函数,而在要隐藏底部导航或任何其他UI元素(如工具栏)的所有片段中都不需要代码。将该函数放在MainActivity的onCreate内。

我的功能如下:

private fun visibilityNavElements(navController: NavController) {
    navController.addOnDestinationChangedListener { _, destination, _ ->
        when (destination.id) {
            R.id.about_fragment -> bottom_nav?.visibility = View.GONE
            R.id.settings_fragment -> bottom_nav?.visibility = View.GONE
            R.id.detail_fragment -> bottom_nav?.visibility = View.GONE
            R.id.missionPhotoFragment -> bottom_nav?.visibility = View.GONE
            else -> bottom_nav?.visibility = View.VISIBLE
        }
    }
}

我使用Kotlin Android Extensions通过那里的ID直接访问视图(不需要findViewById)。

答案 3 :(得分:0)

您可以访问父视图的ID,并通过将其可见性设置为“消失”来隐藏底部导航,然后再次使其在“销毁”视图中可见

BottomNavigationView navView;

    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    View root = inflater.inflate(R.layout.fragment_add_standard, container, false);
    navView = container.getRootView().findViewById(R.id.nav_view);
    navView.setVisibility(View.GONE);
    return root;
}

@Override
public void onDestroyView() {
    super.onDestroyView();
    navView.setVisibility(View.VISIBLE);
}