Fragment中Toolbar无法随ScrollView折叠的问题求助

我明白你现在的困扰——在Fragment里实现ScrollView搭配可折叠Toolbar确实有点坑，尤其是看了一堆教程还是没搞定的时候😂。先帮你找出核心问题，再给你具体的解决方案：

核心问题分析 #

你当前的布局里用了CoordinatorLayout和AppBarLayout，但普通的ScrollView不支持与CoordinatorLayout的滚动联动，因为它没有实现NestedScrollingChild接口。另外，你提到Toolbar只用来承载TextView，当前的CollapsingToolbarLayout可能有点冗余，也可以简化布局。

解决方案步骤 #

1. 替换ScrollView为NestedScrollView #

只有NestedScrollView能和CoordinatorLayout配合实现滚动联动效果，这是最关键的一步。

2. 给滚动视图添加Behavior属性 #

确保你的滚动视图（NestedScrollView）设置app:layout_behavior="@string/appbar_scrolling_view_behavior"，这样它才能感知AppBarLayout的状态并触发折叠。

3. 调整Toolbar布局（两种可选方案） #

方案一：简化版（无需CollapsingToolbarLayout）

如果你的Toolbar只需要显示一个TextView，不需要复杂的折叠动画，可以直接把Toolbar放在AppBarLayout里，设置合适的滚动标志：

<android.support.design.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"
    android:background="@color/colorWhite">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBarList"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbarList"
            android:layout_width="match_parent"
            android:layout_height="150dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:contentScrim="@color/colorPrimary"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
            
            <!-- 这里放你的TextView -->
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/Shopping_List"
                android:textSize="24sp"
                android:layout_gravity="center"/>

        </android.support.v7.widget.Toolbar>

    </android.support.design.widget.AppBarLayout>

    <!-- 替换成NestedScrollView，并添加behavior -->
    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <!-- 你的滚动内容，比如LinearLayout包裹的列表项 -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">
            
            <!-- 这里放你的滚动内容 -->

        </LinearLayout>

    </android.support.v4.widget.NestedScrollView>

</android.support.design.widget.CoordinatorLayout>

方案二：保留CollapsingToolbarLayout（适合需要折叠动画的场景）

如果你还是想用CollapsingToolbarLayout，需要确保TextView的位置正确，并且NestedScrollView的Behavior设置正确：

<android.support.design.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"
    android:background="@color/colorWhite">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBarList"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/CollapsingToolbarList"
            android:layout_width="match_parent"
            android:layout_height="150dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:contentScrim="@color/colorPrimary"
            android:fitsSystemWindows="true">

            <!-- 把TextView放在这里，作为折叠内容的一部分 -->
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/Shopping_List"
                android:textSize="24sp"
                android:layout_gravity="center"
                app:layout_collapseMode="parallax"/>

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbarList"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

        </android.support.design.widget.CollapsingToolbarLayout>

    </android.support.design.widget.AppBarLayout>

    <android.support.v4.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">
            
            <!-- 你的内容 -->

        </LinearLayout>

    </android.support.v4.widget.NestedScrollView>

</android.support.design.widget.CoordinatorLayout>

4. Fragment中的额外注意事项 #

• 确保你的Fragment是正确嵌入到Activity中的，Activity的布局如果有CoordinatorLayout，不要和Fragment的CoordinatorLayout嵌套冲突（最好Fragment的根布局就是CoordinatorLayout）。
• 在Fragment的代码中初始化Toolbar时，不需要调用setSupportActionBar()（因为是在Fragment里，Activity可能已经有ActionBar了），直接设置TextView内容即可。

最后检查点 #

• 确认你的依赖库中包含了design和support-v4（或者AndroidX对应的库，如果你已经迁移到AndroidX的话）。
• 滚动的时候，NestedScrollView的内容要足够长，才能触发滚动联动效果。

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