如何使用Jetpack的导航功能在片段中使用工具栏而不在活动中使用

时间:2019-08-04 20:28:42

标签: android android-fragments toolbar android-jetpack-navigation

我已经开始使用Android Jetpack的导航库。到目前为止,我发现它非常易于使用。我面临的问题是工具栏。

我想要实现的是:

  1. 用户打开应用程序,并显示登录页面。这是导航的开始,不应显示工具栏。
  2. 如果用户是首次登录,将显示一个用于重置其密码的片段(由管理员自动生成),以便用户对其进行更改。在这里,我想显示一个带有后退箭头的白色工具栏(没有文本)
  3. 如果用户以前已经登录过,我们会显示一个加载屏幕(也没有工具栏)

我尝试了很多事情,但没有成功。前两次尝试使用的是NoActionBar风格的活动。

重置密码片段中的工具栏

  • 带有工具栏的自定义应用栏。它正在显示,但未显示后退箭头。我尝试在工具栏内添加Imageview,也尝试通过Java设置图标,但两者均无效。
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout 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:background="@color/white"
    tools:context=".ResetPasswordFragment">

    <com.google.android.material.appbar.AppBarLayout
        android:id="@+id/appBar_resetPassword"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:liftOnScroll="true"
        >

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar_resetPassword"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@color/white"
            />

    </com.google.android.material.appbar.AppBarLayout>

    <androidx.core.widget.NestedScrollView
        android:id="@+id/scrollView_resetPassword"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <!-- Linear layout -->

    </androidx.core.widget.NestedScrollView>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

活动中的工具栏

此尝试有效。它在我的活动中添加了一个工具栏,如下所示:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout  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:background="@color/colorAccent"
    android:orientation="vertical"
    tools:context=".LoginActivity">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_height="?attr/actionBarSize"
        android:layout_width="match_parent"
        android:background="@color/white"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        />
    <fragment
        android:id="@+id/nav_host_fragment"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:defaultNavHost="true"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/toolbar"
        app:navGraph="@navigation/nav_graph" />

</androidx.constraintlayout.widget.ConstraintLayout >

在控制器中,我添加了以下内容:

        NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment);
        AppBarConfiguration appBarConfiguration =
                new AppBarConfiguration.Builder(navController.getGraph()).build();
        Toolbar toolbar = findViewById(R.id.toolbar);
        NavigationUI.setupWithNavController(toolbar, navController, appBarConfiguration);

这里的问题是工具栏显示在我的第一个片段中,我不希望那样。我尝试将其从第一个片段中删除,但是它起作用了,但是当我尝试在第二个片段中再次显示它时,由于某种原因findViewById无法识别我的工具栏。因此,我最后在第二个片段显示之前,在我的第一个片段代码中再次显示了工具栏。它起作用了,但是当工具栏显示时,您会注意到动画,但它看起来并不好,而且我知道直接从片段中隐藏/显示工具栏是不行的。

我该怎么办?

那么,我需要做些什么才能正确实现这一目标?将来,我还将进行一些其他片段的活动,并且我将需要与之前写过的行为类似的行为。我认为,如果我从现在开始这样做会更好。

谢谢!

1 个答案:

答案 0 :(得分:2)

您可以使用OnDestinationChangedListener Listen for navigation events。 例如:

navController.addOnDestinationChangedListener(new NavController.OnDestinationChangedListener() {
   @Override
   public void onDestinationChanged(NavController controller,
       NavDestination destination, Bundle arguments) {

       // getting the current fragment id.
       int currentFragmentID = destination.getId();

       if(currentFragmentID == R.id.fragment_with_toolbar){
        // showing the toolbar
          toolbar.setVisibility(View.VISIBLE);
        } else if(currentFragmentID == R.id.fragment_without_toolbar){
        // hiding the toolbar
          toolbar.setVisibility(View.GONE);
        }
  }
});