Question

我正在尝试构建一个在所有屏幕上都显示标准工具栏的应用程序，但是当用户导航至屏幕B时，我想显示一个折叠工具栏，该工具栏将向用户显示其他信息。

这里的挑战是我遵循的惯例是，一个活动包含所有常用视图（工具栏，底部应用程序栏，FAB等），并在用户导航至不同屏幕时在活动中间替换片段。我正在使用导航组件来实现此目的。不幸的是，共享工具栏有一个问题：

它是所有屏幕上的标准工具栏，或者是所有屏幕上的可折叠工具栏。

我尝试在不需要折叠时（为了防止折叠效果）将所有内容隐藏在可折叠工具栏中，但这导致工具栏根本没有标题。最有可能与导航组件本身有关。

我还考虑过将折叠的工具栏放在需要它的片段中，然后将主要工具栏隐藏在onResume中，但是布局本身不会相应地进行调整。

您知道可以采用其他方法解决此问题吗？最简单的方法是为每个片段仅拥有一个专用的工具栏，但这将导致大量代码重复，我正尝试避免这种情况。

在我的案例中，关于StackOverflow的类似问题并没有帮助解决此问题。

下面的代码没有我试图解决此问题的所有方法，因为它们没有用，所以我删除了这些更改。

主要活动

class MainActivity : AppCompatActivity(), OnActivityComponentRequest, NavController.OnDestinationChangedListener {

    private lateinit var floatingActionButton: FloatingActionButton
    private lateinit var appBarLayout: AppBarLayout
    private lateinit var navHostFragment: View

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

        floatingActionButton = fab
        appBarLayout = app_bar_layout
        navHostFragment = include

        setSupportActionBar(toolbar)

        val navigationController = Navigation.findNavController(this, R.id.nav_host_fragment)
        val appBarConfiguration = AppBarConfiguration(navigationController.graph)

        toolbar.setupWithNavController(navigationController, appBarConfiguration)
        navigationController.addOnDestinationChangedListener(this)
    }

    override fun onDestinationChanged(controller: NavController, destination: NavDestination, arguments: Bundle?) {
        Log.d("MainActivity", "Destination has been changed $destination")
    }

    override fun getFap(): FloatingActionButton {
        return this.floatingActionButton
    }

    override fun hideCollapsableItem() {
        appBarLayout.isGone = !appBarLayout.isGone
        navHostFragment.layout.maxHeight = LinearLayout.LayoutParams.MATCH_PARENT
        navHostFragment.layout.maxWidth = LinearLayout.LayoutParams.MATCH_PARENT
    }
}

activity_main XML布局

<?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"
        tools:context=".domain.MainActivity"
        android:animateLayoutChanges="true">

    <com.google.android.material.appbar.AppBarLayout
            android:id="@+id/app_bar_layout"
            android:layout_height="wrap_content"
            android:layout_width="match_parent"
            android:theme="@style/AppTheme.AppBarOverlay">

        <androidx.appcompat.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:layout_scrollFlags="scroll|enterAlways"
                app:popupTheme="@style/AppTheme.PopupOverlay"/>

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

    <include
            layout="@layout/content_main"
            android:id="@+id/include"
            />

    <com.google.android.material.bottomappbar.BottomAppBar
            android:id="@+id/bar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"/>

    <com.google.android.material.floatingactionbutton.FloatingActionButton
            android:id="@+id/fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:layout_anchorGravity="right|top"
            app:layout_anchor="@+id/bar"
            android:src="@drawable/ic_add_black_24dp"/>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

contenxt_main XML

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
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"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:showIn="@layout/activity_main"
tools:context=".domain.MainActivity">

    <fragment
            android:id="@+id/nav_host_fragment"
            android:name="androidx.navigation.fragment.NavHostFragment"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:defaultNavHost="true"
            app:navGraph="@navigation/main_navigation" />

</FrameLayout>

如何仅在特定片段中实施折叠工具栏

0 个答案: