Navigation Architecture Component：带CollapsingToolbar的详情页实现方案

嘿，这个问题确实是单Activity架构下的常见痛点——毕竟Google I/O推的导航组件规范要求我们用单Activity，主页面固定Toolbar+底部导航，但详情页的折叠工具栏需求又很普遍。我来逐个拆解你提到的三个思路，帮你理清利弊：

思路1：将Toolbar迁移至各Fragment的XML布局中 #

这是最贴合单Activity架构理念的方案。你可以把主Activity里的默认Toolbar隐藏掉，让每个Fragment（列表页、详情页等）自己定义顶部导航区域——列表页用普通Toolbar，详情页直接集成CollapsingToolbarLayout。

优势： #

• 完全符合单Activity+Navigation组件的设计规范，不用打破原有架构
• 每个Fragment可以独立控制顶部导航的样式、行为，灵活性拉满，比如详情页的折叠效果、列表页的固定Toolbar都能各自实现

注意事项： #

• 要处理页面切换时的Toolbar过渡动画，避免跳转时出现突兀的视觉断层
• 可以通过Navigation组件的OnDestinationChangedListener统一管理返回按钮的显示/隐藏，或者封装一个BaseFragment来复用Toolbar的通用逻辑（比如设置标题、返回事件）

举个快速实现的代码示例：
详情Fragment的布局文件：

<androidx.coordinatorlayout.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/Theme.App.AppBarOverlay">

        <com.google.android.material.appbar.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="250dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:title="详情标题">

            <!-- 折叠时的背景图 -->
            <ImageView
                android:id="@+id/backdrop"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="centerCrop"
                app:layout_collapseMode="parallax"/>

            <!-- 固定在顶部的Toolbar -->
            <androidx.appcompat.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/Theme.App.PopupOverlay"/>
        </com.google.android.material.appbar.CollapsingToolbarLayout>
    </com.google.android.material.appbar.AppBarLayout>

    <!-- 可滚动的详情内容 -->
    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <!-- 这里放详情页的具体内容 -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:padding="16dp">

            <!-- 示例内容 -->
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="详情内容区域"
                android:textSize="18sp"/>
        </LinearLayout>
    </androidx.core.widget.NestedScrollView>
</androidx.coordinatorlayout.widget.CoordinatorLayout>

然后在详情Fragment的代码中配置Toolbar：

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    
    val toolbar = view.findViewById<Toolbar>(R.id.toolbar)
    (activity as AppCompatActivity).setSupportActionBar(toolbar)
    
    // 显示返回按钮
    (activity as AppCompatActivity).supportActionBar?.apply {
        setDisplayHomeAsUpEnabled(true)
        setDisplayShowHomeEnabled(true)
    }
    
    // 设置折叠Toolbar的标题（也可以动态从参数获取）
    view.findViewById<CollapsingToolbarLayout>(R.id.collapsing_toolbar).title = "动态详情标题"
}

// 处理返回按钮点击
override fun onOptionsItemSelected(item: MenuItem): Boolean {
    return when (item.itemId) {
        android.R.id.home -> {
            findNavController().navigateUp()
            true
        }
        else -> super.onOptionsItemSelected(item)
    }
}

思路2：通过编程方式实现CollapsingToolbar #

这个思路是保留主Activity的Toolbar，在进入详情页时动态把普通Toolbar替换成CollapsingToolbarLayout，返回列表页时再切换回去。

优势： #

• 主Activity的导航结构相对统一，不用每个Fragment都写重复的Toolbar布局
• 可以集中控制顶部导航的切换逻辑，不用分散到各个Fragment

劣势： #

• 实现复杂度很高，需要处理View的添加、移除，还要做平滑过渡动画，很容易出现布局冲突或者动画卡顿的问题
• 页面状态保存和恢复也会更麻烦，比如切换回来时要恢复原来的Toolbar状态

如果一定要选这个方案，建议在主Activity的布局里预留一个FrameLayout作为顶部导航的容器，然后通过Navigation的页面监听事件，动态加载对应的布局文件。

思路3：将详情Fragment独立为新Activity（兼容深度链接） #

这个方案相当于打破单Activity的严格规范，把详情页做成独立的Activity，同时配置深度链接来满足外部跳转需求。

优势： #

• 实现最简单，不用修改原有主Activity的架构，详情页可以完全独立实现CollapsingToolbar，不用考虑和主页面的布局冲突
• 深度链接的适配更直接，符合Android系统原生的页面跳转逻辑

劣势： #

• 违背了Google I/O推荐的单Activity+Navigation组件的架构理念，增加了Activity的数量，页面间的状态传递、过渡动画都会更复杂
• 后续维护成本更高，比如统一的导航逻辑（比如主题、返回行为）需要在多个Activity中重复实现

最终推荐 #

如果你的项目严格遵循单Activity架构的设计理念，思路1是最优选择——虽然需要多写一些布局代码，但架构更清晰，也符合Google的长期设计方向。如果项目时间紧张，或者详情页的深度链接需求特别复杂，思路3可以作为临时过渡方案，但长期来看还是建议向单Activity架构靠拢。

内容的提问来源于stack exchange，提问作者Julian