如何使用 Jetpack 的导航在片段中使用工具栏而不是 activity

How can I use a toolbar in a fragment but not in activity using Jetpack's Navigation

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

我要实现的是:

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

我尝试了很多东西,但都没有成功。前两次尝试使用具有 NoActionBar 样式的 activity。

重置密码片段中的工具栏

<?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>

Activity

中的工具栏

这次尝试成功了。它在我的 activity 中添加了一个工具栏,如下所示:

<?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 无法识别我的工具栏。所以我最终在我的第一个片段代码中再次显示了工具栏,就在第二个片段显示之前。它工作正常,但您可以在工具栏显示时注意到动画,它看起来不太好,而且我知道 hiding/showing 直接从我的片段中获取工具栏是不对的。

我该怎么办?

那么,我需要做什么才能正确实现这一目标?将来,我也会有一个 activity 和其他一些片段,我将需要一个与我之前写的类似的行为。我想我以后要是好好做就好了

谢谢!

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

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);
        }
  }
});