Material Design系列，自定义Behavior支持所有View

最新推荐文章于 2024-08-19 19:55:55 发布

程序媛-雪儿

最新推荐文章于 2024-08-19 19:55:55 发布

阅读量534

点赞数

Android 专栏收录该内容

33 篇文章

订阅专栏

Material Design系列，自定义Behavior支持所有View

一、实现效果图

这个右下角的FAB，动画当然可以多种多样，可以放在界面的任何地方，我们这里只举个例子。但是v7包中提供的Behavior目前只能是FloatingActionButton来用，所以今天我们实现的这个Behavior是支持所有的View的，可以用在ImageView、Button、Layout，只要是继承View的类都可以用。

效果图

二、自定义Behavior和动画的封装

我们知道Behavior是CoordinatorLayout的一个子类，Ctrl + T查看它的实现类目前有如下几个：

1. AppBarLayout.Behavior;
2. AppBarLayout.ScrollingViewBehavior;
3. FloatingActionButton.Behavior;
4. Snackbar.Behavior;
5. BottomSheetBehaviro;
6. SwipeDismissBehavior;
7. HeaderBehavior;
8. ViewOffsetBehavior;
9. HeaderScrollingViewBehavior;

其中第1、7是抽象类，8是package保护的类，9是8的一个子类，我们回头再说。

AppBarLayout.ScrollingViewBehavior我们经常用，也就是我们在layout xml中经常用的：app:layout_behavior="@string/appbar_scrolling_view_behavior"。

Snackbar.Behavior被用于Snackbar，这个不用多说。

FloatingActionButton.Behavior、BottomSheetBehaviro、SwipeDismissBehavior在文章开头的几个友情链接的博客中已经讲的很清楚了，大家可以回过头去再看看。

今天讲的是自定义Behavior支持所有View作为FAB，那么也就是FloatingActionButton.Behavior了，但是它只支持FloatingActionButton，所以今天我们要自己继承Behavior来写DefineBehavior。所以第一步就是打开FloatingActionButton.Behavior的源码看。

实现BasicBehavior

首先必须要知道的是CoordinatorLayout.Behavior这个基类是支持泛型的，看到FloatingActionButton.Behavior后发先它是限制了引用它的View必须是FloatingActionButton罢了，那我们这里也来学它继承一下就OK了。

我们新建一个类BasicBehavior，把FloatingActionButton.Behavior的代码拷贝过来，把里面的泛型改为如下：

public class BasicBehavior<T extends View> extends CoordinatorLayout.Behavior<T>;
   
   1
   
   
    
    
   
   
   
   1

也就是说只要引用实现BasicBehavior的类是个View就可以，所以接着把BasicBehavior里面拷贝的代码中把引用泛型为FloatingActionButton的地方改为View，嗯觉得打工告成的时候发现有几个类的包导不进来：

导包除了问题

仔细一看，这几个类在Android.support.design.widget包下，一想肯定这几个类是package保护的类，所以我们在我们的项目下新建一个android.support.design.widget包，把实现BasicBehavior移到新建的包下，发现问题迎刃而解。

项目源码和BasicBehavior的完整源代码下载链接请在文章开头或者末尾找。

动画的实现和简化

（没看之前博客的客观一定要回过头看看，一定会有不一样的收获。）
我们在之前的同系列博客中，实现View的缩放动画的时候，尤其是在View被隐藏时须用如下代码记录View移出动画是否执行完，因为在界面滑动的时候View移除会被Behavior一直调用，所以不能重复执行，需要用一个值来记录：

// 记录View移出动画是否执行完。
private boolean isOutExecute = false;

private ViewPropertyAnimatorListener outAnimatorListener = new ViewPropertyAnimatorListener() {
    @Override
    public void onAnimationStart(View view) {
        isOutExecute = true;
    }

    @Override
    public void onAnimationEnd(View view) {
        view.setVisibility(View.GONE);
        isOutExecute = false;
    }

    @Override
    public void onAnimationCancel(View view) {
        isOutExecute = false;
    }
};
   
   1
2
19

为了不在每一个调用的地方都写这么长一段，我们把这端代码封装成一个类，简化如下：

public static class ListenerAnimatorEndBuild {
    // 记录View移出动画是否执行完。
    private boolean isOutExecute = false;

    private ViewPropertyAnimatorListener outAnimatorListener;

    public ListenerAnimatorEndBuild() {
        outAnimatorListener = new ViewPropertyAnimatorListener() {
            @Override
            public void onAnimationStart(View view) {
                isOutExecute = true;
            }
            @Override
            public void onAnimationEnd(View view) {
                view.setVisibility(View.GONE);
                isOutExecute = false;
            }

            @Override
            public void onAnimationCancel(View view) {
                isOutExecute = false;
            }
        };
    }

    // View移出动画是否执行完。
    public boolean isFinish() {
        return !isOutExecute;
    }

    // 返回ViewPropertyAnimatorListener。
    public ViewPropertyAnimatorListener build() {
        return outAnimatorListener;
    }
}
   
   1

这样一来我们在用的时候就只是两行代码了：

ListenerAnimatorEndBuild listenerAnimatorEndBuild = new ListenerAnimatorEndBuild();

// 判断是否执行完动画：
listenerAnimatorEndBuild.isFinish();

继承BasicBehavior实现DefineBavior

前面定义好了BasicBehavior，这里只需要继承BasicBehavior实现我们的动画逻辑：

public class DefineBehavior extends BasicBehavior<View> {

    private ListenerAnimatorEndBuild listenerAnimatorEndBuild;

    public DefineBehavior(Context context, AttributeSet attrs) {
        super(context, attrs);
        listenerAnimatorEndBuild = new ListenerAnimatorEndBuild();
    }

    @Override
    public boolean onStartNestedScroll(CoordinatorLayout coordinatorLayout, View child, View directTargetChild, View target, int nestedScrollAxes) {
        return nestedScrollAxes == ViewCompat.SCROLL_AXIS_VERTICAL;
    }

    @Override
    public void onNestedScroll(CoordinatorLayout coordinatorLayout, View child, View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed) {
//        if (dyConsumed > 0 && dyUnconsumed == 0) {
//            System.out.println("上滑中。。。");
//        }
//        if (dyConsumed == 0 && dyUnconsumed > 0) {
//            System.out.println("到边界了还在上滑。。。");
//        }
//        if (dyConsumed < 0 && dyUnconsumed == 0) {
//            System.out.println("下滑中。。。");
//        }
//        if (dyConsumed == 0 && dyUnconsumed < 0) {
//            System.out.println("到边界了，还在下滑。。。");
//        }

    // 这里可以写你的其他逻辑动画，这里只是举例子写了个缩放动画。
        if ((dyConsumed > 0 || dyUnconsumed > 0) && listenerAnimatorEndBuild.isFinish() && child.getVisibility() == View.VISIBLE) {//往下滑
            scaleHide(child, listenerAnimatorEndBuild.build());
        } else if ((dyConsumed < 0 || dyUnconsumed < 0) && child.getVisibility() != View.VISIBLE) {
            scaleShow(child, null);
        }
    }
}

你可能会很惊讶，哈哈，不要惊讶，封装的好久是这么简单就能实现所有的View支持。

三、如何使用

使用和google提供的Behavior一样，引用完整包名就可以：

app:layout_behavior="com.yanzhenjie.definebehavior.behavior.DefineBehavior"

为了和google提供的Behavior使用一样简单，我们可以String.xml中定义一下这个string：

<string name="define_behavior">com.yanzhenjie.definebehavior.behavior.DefineBehavior</string>

用的时候：

app:layout_behavior="@string/define_behavior"

现在我们把原来项目中的FloatingActionButton换成ImageView：

<ImageView
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="16dp"
    android:src="@mipmap/ic_launcher"
    app:layout_behavior="@string/define_behavior"
    app:layout_scrollFlags="scroll|enterAlways|snap" />