Android 在RecyclerView Item中使用动画所遇到的问题。

写这篇博客是为了记录一下最近解决的一个问题。其实这是一个朋友遇到的问题,他想对RecyclerView的item中的一个View设置无限循环的动画(注意,是对item里的一个子view设置动画,不是对item设置动画),但是在RecyclerView滑动的时候,一些item的动画莫名其妙地停止了,他没有找到原因,所以拜托我帮忙看一下。

要对一个View设置动画很简单,只要view.setAnimation()传一个动画对象就可以了。

view.setAnimation(animation);

要对RecyclerView的item中的一个View设置动画,我们很自然的就会写出下面的代码。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/white"
    android:layout_marginTop="5dp"
    android:paddingBottom="5dp"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/tvPosition"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:textColor="@android:color/white"
        android:textSize="14sp"
        android:gravity="center"
        android:background="@android:color/holo_red_dark" />

</LinearLayout>
    @Override
    public void onBindViewHolder(final ViewHolder holder, final int position) {
        holder.tvPosition.setText(position + "");
        //对tvPosition执行动画
        holder.tvPosition.setAnimation(initAnimation(-120, 1200));  
    }

    private TranslateAnimation initAnimation(float start, float end) {
        TranslateAnimation translateAnimation = new TranslateAnimation(start, end, 0, 0);
        translateAnimation.setRepeatMode(ValueAnimator.RESTART);
        translateAnimation.setRepeatCount(ValueAnimator.INFINITE);  // 无限循环
        translateAnimation.setDuration(1000);
        translateAnimation.setFillAfter(false);
        return translateAnimation;
    }

运行起来,一切正常,但是一滑动列表,一些item的动画就停止了,再i滑动一下动画又执行了,而且那个item会执行动画,那个item会停止动画,没有一定的规律。这就是前面说的那位朋友所遇到的问题。

点进View的源码,追踪一下设置进去的Animation对象,发现View在屏幕中移除的时候(Detached),会把Animation对象置空,导致View动画停止。

    //setAnimation时,View会把设置的动画对象保存到mCurrentAnimation。
    public void setAnimation(Animation animation) {
        mCurrentAnimation = animation;

        if (animation != null) {
            if (mAttachInfo != null && mAttachInfo.mDisplayState == Display.STATE_OFF
                    && animation.getStartTime() == Animation.START_ON_FIRST_FRAME) {
                animation.setStartTime(AnimationUtils.currentAnimationTimeMillis());
            }
            animation.reset();
        }
    }

    //这个方法在View从屏幕中移除时执行。
    @CallSuper
    protected void onDetachedFromWindowInternal() {
        //去掉了无关的代码

        // 把mCurrentAnimation置空
        mCurrentAnimation = null;
    }

这就是item中的动画莫名其妙停止的原因。RecyclerView滑动时,滑出屏幕的item会从屏幕中移除(Detached),导致mCurrentAnimation对象置空,动画停止。那么当item滑动进屏幕时,不是会执行onBindViewHolder重新设置动画吗?为什么会有一些item重新设置了动画,而有一些item没有重新设置动画呢?
很多人认为RecyclerView的item显示的时候(Attached)就会执行onBindViewHolder绑定数据。其实不然,RecyclerView的四级缓存中,其中有一个mCachedViews列表,缓存的是刚从屏幕移除的ViewHolder(已经Detached),复用这里的ViewHolder不会重新执行onBindViewHolder。也就是说item Detached时动画置空,而Attached时可能不会回调onBindViewHolder重新设置动画。

找到了问题所在,要修改这个bug就很简单了,我们应该在item Attach到屏幕时设置动画,而不是在onBindViewHolder里设置。

    @Override
    public void onBindViewHolder(final ViewHolder holder, final int position) {

        if (holder.itemView.getTag() != null){
            holder.itemView.removeOnAttachStateChangeListener((View.OnAttachStateChangeListener)holder.itemView.getTag()); //移除旧的监听器
        }


        View.OnAttachStateChangeListener listener = new View.OnAttachStateChangeListener() {
            @Override
            public void onViewAttachedToWindow(View v) {
                holder.tvPosition.setAnimation(initAnimation(-120, 1200));
            }

            @Override
            public void onViewDetachedFromWindow(View v) {
            }
        };
        holder.itemView.addOnAttachStateChangeListener(listener);
        holder.itemView.setTag(listener); // 保存监听器对象。

        holder.tvPosition.setText(position + "");
    }

要注意监听器的添加和移除。
运行一下,完美解决问题,不会再有item因为滑动导致动画停止。

或许有些同学会说,给View设置动画不一定要用setAnimation()方法,使用属性动画也可以很方便的实现,就像下面这样。

    @Override
    public void onBindViewHolder(final ViewHolder holder, final int position) {
        ObjectAnimator animator = ObjectAnimator.ofFloat(holder.tvPosition, "translationX",-120, 1200);
        animator.setDuration(1000);
        animator.setRepeatCount(ValueAnimator.INFINITE);  // 无限循环
        animator.setRepeatMode(ValueAnimator.RESTART);
        animator.start();

        holder.tvPosition.setText(position + "");
    }

运行起来,动画正常执行。滑动列表,动画也不会意外停止,似乎完美的实现了功能。
这样写真的没有问题吗?我们给animator设置一下监听器,在动画重复执行时打印一下log。

        animator.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationRepeat(Animator animation) {
                Log.d("TAG", "onAnimationRepeat");
                super.onAnimationRepeat(animation);
            }
        });

这时候会发现,但item滑出屏幕(Detached)时,动画在执行,但页面关闭时,动画还在执行。由于animator持有View,View持有Activity,所以就算页面关闭了,Activity也不会被回收,这是很严重的内存泄露。
所以我们在使用动画时,无论是在Activity/Fragment,还是在列表执行一个长时间的动画,一定要在适当的时候(如:onViewDetachedFromWindow、onDestroy)停止动画,否则会导致内存泄露。这也是Android源码中,在View Detach时将动画置空的原因。

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

推荐阅读更多精彩内容

  • 基本使用 自定义分割线 RecyclerView.Adapter常用方法 getItemViewType(int ...
    孤独的根号十二阅读 687评论 0 7
  • 一、前言: 1. RecyclerView是什么 从Android 5.0开始,谷歌公司推出了一个用于大量数据展示...
    因为我的心阅读 1,175评论 2 2
  • 2015年,我来到上海,开始读研,刚研一的时候,一周7天,大概上3天课,也就是大家羡慕的上3休4 ,想想是多么的美...
    Alina空灵阅读 449评论 0 0
  • 茶源于中国。但人们对茶的认识及感悟却千差万别。不仅国外如此,就是国人也是如此。对一款茶的好坏优劣评判,大都只停留在...
    羽扇闲人阅读 1,024评论 0 7
  • 以前觉得高中的相处方式不好,现在大学了,来自全国各地的人,不好相处是真的,不像高中的时候那么有礼貌了,对不起说久了...
    璐痴不是路痴阅读 212评论 0 0