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时将动画置空的原因。

 

人已赞赏
Android文章

android studio 移除不用文件

2019-10-22 10:56:01

Android文章

Android原生PDF功能实现:PDF阅读、PDF页面跳转、PDF手势伸缩、PDF目录树、PDF预览缩略图

2019-10-22 14:58:49

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索