使用CoordinatorLayout、Toolbar和Fragment在Fragment之間切換時如何讓工具欄出現

Question

我正在使用下面的布局， CoordinatorLayout在其中包含AppBarLayout （帶工具欄）和fragment布局。

我在我的工具欄中使用app:layout_scrollFlags並在片段中使用 app app:layout_behavior="@string/appbar_scrolling_view_behavior" ，因此工具欄會隨着我的片段內容的滾動而出現和消失（隱藏/顯示）。

我的問題：當我在片段 A 中滾動並因此工具欄消失時，我使用BottomNavigationView到 go 到片段 B 工具欄仍然隱藏。 我希望每次打開新片段時都會出現工具欄。

<?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"
    android:id="@+id/containerMain"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <androidx.coordinatorlayout.widget.CoordinatorLayout
        android:id="@+id/main_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <com.google.android.material.appbar.AppBarLayout
            android:id="@+id/AppBarLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <androidx.appcompat.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_gravity="top"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:layout_scrollFlags="scroll|enterAlways"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
                app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />
        </com.google.android.material.appbar.AppBarLayout>
            <fragment
                android:id="@+id/nav_host_fragment"
                app:layout_behavior="@string/appbar_scrolling_view_behavior"
                android:name="androidx.navigation.fragment.NavHostFragment"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:defaultNavHost="true"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:navGraph="@navigation/mobile_navigation" />
    </androidx.coordinatorlayout.widget.CoordinatorLayout>

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/nav_view"
        android:layout_width="0dp"
        android:layout_height="@dimen/nav_bar"
        android:layout_marginStart="0dp"
        android:layout_marginEnd="0dp"
        android:background="?android:attr/windowBackground"
        app:itemIconTint="@drawable/bottom_color_nav"
        app:itemTextColor="@drawable/bottom_color_nav"
        app:layout_constraintBottom_toBottomOf="@id/main_content"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/bottom_nav_menu" />

</androidx.constraintlayout.widget.ConstraintLayout>

Answer 1

我假設您發布的 xml 是您的 MainActivity() 的布局，如果是這樣，請在 MainActivty 中創建對工具欄的引用並在 MainActivty() 中創建 function 以訪問/更改工具欄折疊狀態。

在您的片段中，創建對 MainActivity 的引用，然后訪問 function 以更改工具欄的 state。

我無法從工作中進行測試，但是當僅使用帶有內部片段的 MainActivity 作為應用程序的導航流時，我使用了相同的代碼流來執行相同的操作。

下面不是確切的工作或測試代碼，但相同的想法/流程

//my fragment function to access MainActivity().changeToolbarState(boolean)
changeToolbar(state: boolean) {
    if(state){
      //true
      //show toolbar
      MainActivty().changeToolbarState(true)

    }else{
      //false
      //collapse/hidetoolbar
     MainActivty().changeToolbarState(false)
    }
}

Answer 2

最好的替代方法是使用片段內的以下代碼啟用應用欄布局的 setExpanded 屬性為 true。 在這里，MainActivity.appBarLayout 是在引用應用欄布局的 Main Activity 中定義的 static 變量。

@Override
public void onPause() {
    super.onPause();
    MainActivity.appBarLayout.setExpanded(true);
}