使用 CoordinatorLayout + 自定义 Behavior 实现卡片堆叠效果

最新推荐文章于 2021-09-15 18:44:37 发布

__xiaozhou

最新推荐文章于 2021-09-15 18:44:37 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android开发

本文链接：https://blog.youkuaiyun.com/ganfanzhou/article/details/86563907

本文介绍了如何使用CoordinatorLayout结合自定义Behavior来实现卡片堆叠效果。首先，通过layout_behavior标签建立视图之间的滑动关联，然后详细讲解Behavior的作用，包括它可以拦截触摸事件、处理视图变化。接着，重点阐述了自定义Behavior的注意事项和实现堆叠效果的关键代码，最后提供了完整代码示例的链接和相关参考资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用 `CoordinatorLayout` 实现堆叠效果

一、视图之间的滑动关联，使用 `Behavior` 连接

如官方示例中在布局中增加 AppBarLayout 布局，将需关联变化的 View 通过标签app:layout_behavior="@string/appbar_scrolling_view_behavior" 建立连接关系，当AppBarLayout 发生变化会通知关联的子 view，子 view 再处理自身的变化完成一个复合型的视图变换，示例效果如下：

官方示例

简单的布局代码，需关联视图添加 Behavior ，AppBarLayout 中需滚动效果的视图添加标签 layout_scrollFlags="scroll|exitUntilCollapsed"，完整代码示例：

<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:layout_margin="6dp">

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

        <TextView
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:gravity="center"
            android:text="标题"
            android:textColor="@color/white"
            android:textSize="20sp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed" />
    </android.support.design.widget.AppBarLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/bg_round_card"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

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

实际上添加的 layout_behavior 标签，解析后会生成具体的 Behavior 实例，如 appbar_scrolling_view_behavior 生成的是 ScrollingViewBehavior，具体代码在 AppBarLayout 类中。我们没有看到 AppBarLayout 在 xml 文件中指定 behavior，但实际上它在内部有一个默认的 Behavior ，继承自 HeaderBehavior<AppBarLayout>，通过这个 Behavior 实现对外一层布局触摸事件的拦截监听，从而改变自身视图。

二、简单介绍 Behavior

这里指的是 CoordinatorLayout 类中的 Behavior

1.Behavior 能做什么？
- 可以拦截父布局的触摸事件，实现自己的业务逻辑，不需要通过自定义 View 实现
- 可以添加需要关联滑动的 view，当依赖（关联）的视图发生变化时，可以及时获取通知并处理，不需通过观察者模式
- 使用消耗量计算，如滑动是10dp，A消耗了6dp，那么剩余的4dp将给下一个视图使用，若没有消耗则由父布局接收处理，做一个事件的传递
- 简单说明几个方法：
  - boolean layoutDependsOn 说明使用该 behavior 的视图依赖于哪个类型的 View 而变化，也就是监听指定 view
  - boolean onDependentViewChanged 当依赖的视图发生变化时，会回调这个方法，我们将在这做我们的视图处理
  - boolean onStartNestedScroll 嵌套滑动启动时回调
  - void onStopNestedScroll 嵌套滑动停止回调
  - void onNestedScroll 正在发生滑动回调
  - void onNestedPreScroll 依赖的视图处理滑动前回调

Behavior 如何实现关联？
在 CoordinatorLayout 源码中我们可以看到，无论在测量布局、摆放布局，还是处理触摸事件，都有如下代码：

for (int i = 0; i < childCount; i++) {
            final View child = topmostChildList.get(i);
            final LayoutParams lp = (LayoutParams) child.getLayoutParams();
            final Behavior b = lp.getBehavior();
			if(b!=nu