Question

我的Toolbar包含的内容比典型的工具栏（通常只有标题）要多。我的工具栏有一个图片和一些文字，工具栏的整个高度最终都在250dp左右。

但是，由于工具栏标题太大，因此在屏幕上留下很少的空间用于滚动。在工具栏下方，我有一个RecyclerView，其中显示了主要内容。只有屏幕的RecyclerView部分似乎可以滚动。

当我向上或向下滚动时（当工具栏在屏幕上或即将出现在屏幕上时），由于工具栏的大小，它会导致一些奇怪的滚动行为。滚动有时会停止并要求我以较小的增量滚动（或在整个屏幕上滑动）。

如何解决这种奇怪的滚动行为？有没有更好的方法来实现像我一样的大型工具栏（250dp）？

这是我当前的Activity：

<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.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:elevation="0dp">

        <include
            layout="@layout/toolbar"
            />

        <android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabTextAppearance="@style/TabLayout"
            app:tabSelectedTextColor="@color/white"
            />

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

    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        />

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

以下是toolbar.xml（工具栏本身）：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:id="@+id/header"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_gravity="center_horizontal"
        android:background="@color/green">

            <LinearLayout
                android:orientation="horizontal"
                android:layout_width="wrap_content"
                android:layout_height="match_parent" >

                <ImageView
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:background="@drawable/ic_image"
                    android:adjustViewBounds="true"
                    android:scaleType="centerCrop"
                    android:layout_gravity="center_vertical" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Hey!"
                    android:textColor="@color/white"
                    android:textSize="24sp"
                    android:layout_gravity="center_vertical" />

            </LinearLayout>

    </LinearLayout>

</LinearLayout>

Answer 1

我敢打赌滚动不起作用，因为你实际上没有工具栏。你的CoordinatorLayout真的没什么可协调的。

您的toolbar.xml应该有一个android.support.design.widget.CollapsingToolbarLayout包裹android.support.v7.widget.Toolbar

查看chrisbanes cheesesquare Material Design demo on Github

中的布局

大工具栏导致奇怪的滚动行为

1 个答案: