带有 ViewPager 的 CollapsingToolbarLayout答案

【问题标题】：CollapsingToolbarLayout with a ViewPager带有 ViewPager 的 CollapsingToolbarLayout
【发布时间】：2015-12-16 10:40:15
【问题描述】：

我正在尝试使用 CollapsingToolbarLayout 来创建一个带有 ViewPager 的可折叠工具栏，该工具栏在向上滚动时会消失，但如果 ViewPager 存在，我似乎无法向上滚动。

ViewPager 应该在工具栏中显示多个图像。

这是 XML：

<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:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        android:fitsSystemWindows="true">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:contentScrim="?attr/colorPrimary"
            android:fitsSystemWindows="true">

            <android.support.v4.view.ViewPager
                android:id="@+id/pager"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:layout_collapseMode="parallax"
                android:fitsSystemWindows="true">
            </android.support.v4.view.ViewPager>

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

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

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

    <android.support.v4.widget.NestedScrollView
        android:id="@+id/scroll"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:clipToPadding="false"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <!-- Content -->

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

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

【问题讨论】：

xml 看起来不错，您遇到了什么问题？
@MukeshRana 我可以在 ViewPager 中水平滚动，但不能垂直隐藏它。
但是你应该在你的viewpager下面有一些可滚动的视图，就像你的情况一样，它是NestedScrollView。所以你必须垂直滚动你的 NestedScrollView 而不是 viewpager。 Viewpager 只是对滚动效果做出反应
对不起，我不明白你的意思。你能举个例子吗？我正在尝试使用工具栏中的可折叠图像滑块创建布局。你是说我需要 NestedScrollView 而不是 View Pager？
我有同样的问题，如果我不指定高度它不会显示。但我不能指定它，因为它是一个图像，高度是基于宽度的。有什么想法吗？

标签： android android-viewpager android-design-library android-appbarlayout android-collapsingtoolbarlayout

【解决方案1】：

我设法通过将 ViewPager 的高度设置为固定大小来解决此问题。看来wrap_content不管图片大小。

【讨论】：

在我的例子中，我包含了一个片段而不是 ViewPager，为此我可以将高度设置为“wrap_content”。与您的实现相比，我的实现的主要区别在于 fitSystemWindows 未设置并且具有默认值。