12.使用动画框架来简化RecyclerView条目动画

/**
 * 作者:Pich
 * 原文链接:http://me.woblog.cn/
 * QQ群:129961195
 * 微信公众号:woblog
 * Github:https://github.com/lifengsofts
 */

详解RecyclerView系列文章目录

概述

通过上一篇文章相信大家都发现如果自定完全自定义一个RecyclerView条目的动画还是很复杂的,而且有许多要处理的地方,而且更重要的是,如果你不封装下,那么每个条目可以说是由很多重复的代码,不易维护,今天就带来一个动画框架,他实现了很常见的动画效果,而且还提供了扩展接口,最后我们演示在他的扩展接口上实现一个上一篇文章里面说的动画,就可以看出框架的强大性。

仓库地址

https://github.com/wasabeef/recyclerview-animators

添加依赖

compile 'jp.wasabeef:recyclerview-animators:2.2.6'

设置动画

recyclerView.setItemAnimator(new SlideInLeftAnimator());

还可以更改插值器

SlideInUpAnimator animator = new SlideInUpAnimator(new OvershootInterpolator(1f));
recyclerView.setItemAnimator(animator);

通知Item

大家需要注意的是,如果要设置的动画有效果,就不能调用adapter的notifyDataSetChanged方法,而要调用这些方法:

notifyItemChanged(int)

notifyItemInserted(int)

notifyItemRemoved(int)

notifyItemRangeChanged(int, int)

notifyItemRangeInserted(int, int)

notifyItemRangeRemoved(int, int)

例如:

public void remove(int position) {
  mDataSet.remove(position);
  notifyItemRemoved(position);
}

public void add(String text, int position) {
  mDataSet.add(position, text);
  notifyItemInserted(position);
}

设置动画时间

recyclerView.getItemAnimator().setAddDuration(1000);
recyclerView.getItemAnimator().setRemoveDuration(1000);
recyclerView.getItemAnimator().setMoveDuration(1000);
recyclerView.getItemAnimator().setChangeDuration(1000);

在ViewHolder中覆盖动画

该框架提供一个强大的功能就是可以在ViewHolder覆盖默认的实现动画,只需要在ViewHolder中实现AnimateViewHolder接口,然后实现相应的方法,注意虽然这样实现了接口,但是还需要给REcyclerView设置动画,不然没效果。

class ViewHolder extends BaseRecyclerViewAdapter.ViewHolder
    implements AnimateViewHolder
{

  private final TextView tv;

  public ViewHolder(View itemView) {
    super(itemView);
    tv = (TextView) itemView.findViewById(android.R.id.text1);
  }

  public void bindData(String data) {
    tv.setText(data);
  }

  @Override
  public void preAnimateRemoveImpl(RecyclerView.ViewHolder holder) {

  }

  @Override
  public void animateRemoveImpl(RecyclerView.ViewHolder holder, ViewPropertyAnimatorListener listener) {
    ViewCompat.animate(itemView)
        .translationY(-itemView.getHeight() * 0.3f)
        .alpha(0)
        .setDuration(300)
        .setListener(listener)
        .start();
  }

  @Override
  public void preAnimateAddImpl(RecyclerView.ViewHolder holder) {
    ViewCompat.setTranslationY(itemView, -itemView.getHeight() * 0.3f);
    ViewCompat.setAlpha(itemView, 0);
  }

  @Override
  public void animateAddImpl(RecyclerView.ViewHolder holder, ViewPropertyAnimatorListener listener) {
    ViewCompat.animate(itemView)
        .translationY(0)
        .alpha(1)
        .setDuration(300)
        .setListener(listener)
        .start();
  }
}

Adapter动画

所谓Adapter动画就是,滚动的时候Item的进入动画

SlideInLeftAnimationAdapter adapter = new SlideInLeftAnimationAdapter(useCustomAdapter);
//    AlphaInAnimationAdapter adapter = new AlphaInAnimationAdapter(useCustomAdapter);
adapter.setFirstOnly(false); //每次都执行,默认false
//    adapter.setDuration(1000);
rv.setAdapter(adapter);

效果如下:

还可以这样设置多个动画:

AlphaInAnimationAdapter adapter = new AlphaInAnimationAdapter(useCustomAdapter);
rv.setAdapter(new ScaleInAnimationAdapter(adapter));

扩展动画框架

这一部分我们讲解如何使用该动画框架实现上一节自定义添加,删除更新动画。

右边进入,左边移除Item动画

效果如下:

CustomSlideInRightAnimator

public class CustomSlideInRightAnimator   extends BaseItemAnimator {


  public CustomSlideInRightAnimator() {

  }

  public CustomSlideInRightAnimator(Interpolator interpolator) {
    mInterpolator = interpolator;
  }

  @Override protected void animateRemoveImpl(final RecyclerView.ViewHolder holder) {
    ViewCompat.animate(holder.itemView)
        .translationX(-holder.itemView.getRootView().getWidth())
        .setDuration(getRemoveDuration())
        .setInterpolator(mInterpolator)
        .setListener(new DefaultRemoveVpaListener(holder))
        .setStartDelay(getRemoveDelay(holder))
        .start();
  }

  @Override protected void preAnimateAddImpl(RecyclerView.ViewHolder holder) {
    ViewCompat.setTranslationX(holder.itemView, holder.itemView.getRootView().getWidth());
  }

  @Override protected void animateAddImpl(final RecyclerView.ViewHolder holder) {
    ViewCompat.animate(holder.itemView)
        .translationX(0)
        .setDuration(getAddDuration())
        .setInterpolator(mInterpolator)
        .setListener(new DefaultAddVpaListener(holder))
        .setStartDelay(getAddDelay(holder))
        .start();
  }
}

在animateAddImpl方法中实现添加条目动画。

右边进入Adapter动画

我们通过扩展adapter来实现一个从右边进入的Item动画,效果如下:

SlideInRightAnimationAdapter

public class SlideInRightAnimationAdapter extends AnimationAdapter {

  public SlideInRightAnimationAdapter(
      RecyclerView.Adapter adapter) {
    super(adapter);
  }

  /**
   * 从宽度变为0
   * @param view
   * @return
   */
  @Override
  protected Animator[] getAnimators(View view) {
    return new Animator[]{
        ObjectAnimator.ofFloat(view,"translationX",view.getRootView().getWidth(),0)
    };
  }
}

使用的时候只需要用这个adapter包裹原来的adapter。

SlideInRightAnimationAdapter animationAdapter = new SlideInRightAnimationAdapter(
adapter);
animationAdapter.setFirstOnly(false);
rv.setAdapter(animationAdapter);
最后编辑于
?著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,100评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,308评论 3 388
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事?!?“怎么了?”我有些...
    开封第一讲书人阅读 159,718评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,275评论 1 287
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,376评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,454评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,464评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,248评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,686评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,974评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,150评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,817评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,484评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,140评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,374评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,012评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,041评论 2 351

推荐阅读更多精彩内容