CoordinatorLayout与RecyclerView

时间:2015-08-12 04:38:19

标签: android android-recyclerview android-coordinatorlayout

当我向上滚动我的RecyclerView时,我想要隐藏一个LinearLayout,当我向下滚动时再次出现;行为应该与工具栏隐藏和重新出现的方式相同。

这是我到目前为止所做的:

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

   <LinearLayout
        android:id="@+id/viewToHideOnScroll
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <!-- other stuff inside the LinearLayout -->

   </LinearLayout>

   <RecyclerView
        android:id="@+id/recyclerView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

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

从目前为止我能理解的内容,我可以在app:layout_behavior上指定一个viewToHideOnScroll值,以便根据recyclerView上的滚动事件顺畅地滚动进出视图。为此,我必须编写自定义类ViewToHideOnScrollBehavior并覆盖layoutDependsOn和其他一些方法(onNestedScroll?)。

如果这是正确的,我就是这样:

public class ViewToHideOnScrollBehavior extends CoordinatorLayout.Behavior<LinearLayout> {

public ViewToHideOnScrollBehavior(Context context, AttributeSet attrs) {}

    @Override
    public boolean layoutDependsOn(CoordinatorLayout parent, LinearLayout child, View dependency) {
        return dependency instanceof RecyclerView;
    }

    // some other method to override, I don't know
}

有人可以给我一个提示,还是我这样做错了?

我一直关注https://lab.getbase.com/introduction-to-coordinator-layout-on-android/

1 个答案:

答案 0 :(得分:18)

当用户滚动线性布局时,你必须将LinearLayout放在AppBar布局中隐藏你必须创建如下的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:id="@+id/main_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

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

     <LinearLayout
                android:id="@+id/lytSearchBar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorPrimary"
                android:gravity="center_vertical"
                android:orientation="horizontal"
                android:padding="@dimen/fivedp"
                app:layout_scrollFlags="scroll|enterAlways" // layout_scrollFlags for scroll layout
                android:visibility="visible">

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

      <android.support.v7.widget.RecyclerView
            android:id="@+id/rvOrderList"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@id/lytSearchBar"
            android:paddingTop="@dimen/tendp"
            app:layout_behavior="@string/appbar_scrolling_view_behavior" />
在RecyclerView中

不要忘记添加属性 app:layout_behaviour ,如上面的xml所示。