android behavior教程,Material Design系列之自定义Behavior支持所有View

本文实例为大家分享了Android自定义Behavior支持所有View ,供大家参考,具体内容如下

一、实现效果图

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

e4e3cc3a823cb40b79d013c903e07507.gif

二、自定义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 extends CoordinatorLayout.Behavior;

也就是说只要引用实现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;

}

};

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

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;

}

}

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

ListenerAnimatorEndBuild listenerAnimatorEndBuild = new ListenerAnimatorEndBuild();

// 判断是否执行完动画:

listenerAnimatorEndBuild.isFinish();

继承BasicBehavior实现DefineBavior

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

public class DefineBehavior extends BasicBehavior {

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:

com.yanzhenjie.definebehavior.behavior.DefineBehavior

用的时候:

app:layout_behavior="@string/define_behavior"

现在我们把原来项目中的FloatingActionButton换成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" />

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持找一找教程网。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值