【问题标题】:Scrolling not possible on header area with CollapsingToolbarLayout使用 CollapsingToolbarLayout 无法在标题区域上滚动
【发布时间】:2015-10-16 14:07:54
【问题描述】:

我已经用这个 xml 制作了 CollapsingToolbarLayout:

<android.support.v7.widget.RecyclerView
    android:id="@+id/recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

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

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

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true"
            android:focusableInTouchMode="false"
            app:layout_collapseMode="parallax">

            <ImageView
                android:id="@+id/cover_view"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="?attr/colorPrimary"
                android:scaleType="centerCrop" />

            <View
                android:id="@+id/header_top_shadow"
                android:layout_width="match_parent"
                android:layout_height="80dp"
                android:layout_gravity="top"
                android:background="@drawable/shape_picture_top_shadow"
                android:visibility="gone" />

            <View
                android:id="@+id/header_bottom_shadow"
                android:layout_width="match_parent"
                android:layout_height="120dp"
                android:layout_gravity="bottom"
                android:background="@drawable/shape_picture_bottom_shadow"
                android:visibility="gone" />

        </FrameLayout>

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            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.design.widget.FloatingActionButton
    android:id="@+id/save_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/fab_margin"
    android:clickable="true"
    android:src="@drawable/ic_save_white_24dp"
    app:layout_anchor="@+id/app_bar"
    app:layout_anchorGravity="bottom|right|end" />

<android.support.v7.widget.RecyclerView
    android:id="@+id/uploading_photos_recycler"
    android:layout_width="300dp"
    android:layout_height="123dp"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="70dp"
    android:padding="@dimen/list_padding" />

唯一的问题是,当我尝试在页眉区域滚动时它不起作用。例如,请参见 gif。

http://recordit.co/8hem1UkTHz

看起来像一些库错误,但也许我遗漏了什么?

编辑: 据我所知这是设计库中的一个错误

【问题讨论】:

  • 图片不可用。检查链接
  • 谢谢,应该可以了

标签: android android-design-library android-coordinatorlayout


【解决方案1】:

此问题已在 23.0.1 中修复。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-04-08
    • 2015-10-26
    • 1970-01-01
    • 1970-01-01
    • 2016-07-02
    • 1970-01-01
    相关资源
    最近更新 更多