工具栏在作为CoordinatorLayout的子项时,无法随着ScrollView的滚动而折叠。

65

我尝试按照Google文档使用CoordinatorLayout,但在CoordinatorLayout内部的ScrollView方面出现了问题。基本上,当向下滚动时,Toolbar通常会与RecyclerView或ListView一起折叠。但是,使用ScrollView时,它不会折叠。

<android.support.design.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        >

        <TextView
            android:id="@+id/tv_View"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="@string/filler"
            style="@style/TextAppearance.AppCompat.Large"
            />

    </ScrollView>

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_scrollFlags="scroll|enterAlways"
            />

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

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

CoordinatorLayout中使用NestedScrollView代替ScrollView,同样适用于BottomNavigationView - Sam Chen
或者您可以使用 android:nestedScrollingEnabled="true"ScrollView - Sam Chen
5个回答

157

ScrollViewCoordinatorLayout 不兼容。你需要使用 NestedScrollView 替代 ScrollView


8
实际上这回答了问题,工具栏不会折叠是因为CoordinatorLayout不支持ScrollView,如果使用NestedScrollView替换ScrollView,原帖中所需的行为就可以得到。 - marmor
@dbugger为什么这个答案没有提供答案? - Gabriele Mariotti
我花了一个多小时试图弄清楚为什么它无法正常滚动。谢谢! - Flyview
2
已确认可正常工作 - 即使在通过supportFragmentManager事务替换的嵌套Fragment中。 - kosiara - Bartosz Kosarzycki
非常感谢您!当NestedScrollView在viewpager中时,它也可以与CoordinatorLayout正确地配合使用。 - danwilkie
每当你看到这样的情况,直接前往Android bug跟踪器并报告一个bug。在这里发布它,我们会投票支持。成千上万的开发者发现这个答案(解决方法)很有用,但是没有任何问题被报告。 - milosmns

37
使用NestedScrollView作为CoordinatorLayout的子控件来折叠你的滚动视图。 将你的代码替换成以下代码:
<android.support.design.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <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="match_parent"
            android:orientation="vertical">

        <TextView
            android:id="@+id/tv_View"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="@string/filler"
            style="@style/TextAppearance.AppCompat.Large"
            />

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

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_scrollFlags="scroll|enterAlways"
            />

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

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

13

您可以保留 ScrollView 并添加此XML属性: android:nestedScrollingEnabled =“true”,以便它将CoordinatorLayout视为兄弟节点,并牢记此属性仅在 lollipop 版本及以上受支持。


2

在使用CoordinatorLayout时,应该使用NestedScrollView替代常规的ScrollView

To make the CollapsingToolbarLayout scroll you can trigger the scroll behavior by setting a minimum height of the child Layout of the NestedScrollView to *1000dp.

android:minHeight="1000dp"

布局:

<android.support.v4.widget.NestedScrollView
app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <!--to trigger scroll behavior-->
    <LinearLayout android:minHeight="1000dp"/>

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

*支持设计演示例子在这里:https://github.com/android/platform_development/blob/master/samples/SupportDesignDemos/res/layout/include_appbar_scrollview.xml


对我来说,只需要在NestedScrollView上设置android:layout_height="match_parent"就足够了。 - jayeffkay

2
实际答案应该是,CoordinatorLayoutScrollView 不兼容,因为 ScrollView 没有实现 NestedScrollingChild 接口。 NestedScrollView 是实现了 NestedScrollingChildScrollView。如果您想了解更多关于嵌套滚动的信息,我写了一篇博客文章

请在博客文章中发布相关代码以及它是如何解决OP的问题的。 - Frakcool
我只是想指出问题的根本原因。已接受的解决方案还可以,但没有提供为什么使用NestedScrollView替换ScrollView会修复该问题的解释。 - Grzegorz Gajewski
2
我只是想说,你的解决方案可能很好,它只需要一些你的代码。想象一下,如果你的博客因为某些原因被删除了,那么它可能会变得无用。虽然我不太了解Android开发,但我大概知道Stack Overflow是如何工作的...虽然这不是必须的,但如果你在答案中添加代码(包括现在和将来),那么你的问答将会更好。这只是一个建议,如果你采纳了我的建议,我将很高兴地点赞。 - Frakcool

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接