Android CoordinatorLayout进阶教程-自定义Behavior实例-标题抽屉效果-标题透明度渐变效果

原创

已于 2022-12-21 23:08:11 修改 · 769 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#android #动画 #ui

于 2022-12-21 21:33:13 首次发布

本文介绍了如何在Android中使用CoordinatorLayout和Behavior实现标题栏的抽屉效果及透明度渐变效果。通过自定义Behavior，可以监听依赖组件（如NestedScrollView或AppBarLayout）的滑动事件，进而处理相应视图的动画和行为。示例代码展示了如何在布局文件中配置Behavior，并在Behavior类中重写关键方法，如layoutDependsOn和onDependentViewChanged，以实现特定的交互逻辑。

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

什么是Behavior

Behavior名为行为控制，当我们需要在CoordinatorLayout中我们要实现与子视图中复杂的手势交互时，这个时候我们可能需要自定义Behavior行为控制，在自定义的Behavior我们可以通过对应的回调去处理相应的业务逻辑

实例演示以及说明

示例一：标题栏抽屉效果
话不多说，简单的实现一个如下UI效果，看看我们应该如何自定义Behavior
请添加图片描述
如图我们要实现这样的一个效果，应该怎么处理了，在没有使用CoordinatorLayout前，我们可以通过监听组件的滑动事件来动态的移动顶部的View，这是没有问题的，但是我们有了CoordinatorLayout之后，能更加简单的处理这个效果，因为CoordinatorLayout本身就是协调子视图的各种行为控制，实现这个效果我们只需要自定义一个Behavior即可

public class CaseTwoBehavior extends CoordinatorLayout.Behavior<View> {
   
   
    private float deltaY;
    public CaseTwoBehavior() {
   
   
    }

    public CaseTwoBehavior(Context context, AttributeSet attrs) {
   
   
        super(context, attrs);
    }

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

    @Override
    public boolean onDependentViewChanged(@NonNull CoordinatorLayout parent, @NonNull View child, @NonNull View dependency) {
   
   
        if(deltaY == 0){
   
   
            deltaY = dependency.getY();
        }
        float dy = dependency.getY() - deltaY;
        float y =dy==0?-child.getHeight():(dy>=-child.getHeight()?(-child.getHeight()-dy):0 );
        child.setTranslationY(y);
        return true;
    }
}

看到这里惊不惊喜，是的，就是这么几句简单的代码就可以实现上面动画显示的行为控制
在这里解释一下两个方法

layoutDependsOn(CoordinatorLayout parent, View child, View dependency)
确定Behavior需要依赖的组件，这里的child视图指的指的是需要监听dependency视图的那些个组件，dependency组件表示当前设置Behavior的视图需要依赖的组件，上面示例中我们判断依赖组件是否是NestedScrollView，如果是则返回true,onDependentViewChanged方法才会有回调，如果返回false则不会回调

onDependentViewChanged(@NonNull CoordinatorLayout parent, @NonNull View child, @NonNull View dependency)
从方法名上我看可以看出这表示依赖组件滑动时回调的方法，这里的child表示设置Behavior的视图组件也就是我们的TextView，在这里我们可以处理我们自己的业务逻辑，上面的示例中依赖的组件是NestedScrollView，根据NestedScrollView滑动的坐标从而设置TextView的滑动距离
布局文件代码如下

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app=