Android中RecyclerView的item实现动画的效果

最近，项目中运用RecyclerView去实现item的删除和添加时的动画效果。

之前的想法是用RecyclerView本身的添加和删除的动画如下例子：

RecyclerView recyclerView = (RecyclerView) findViewById(R.id.list);
recyclerView.setItemAnimator(new SlideInLeftAnimator());

RecyclerView recyclerView = (RecyclerView) findViewById(R.id.list);
SlideInUpAnimator animator = new SlideInUpAnimator(new OvershootInterpolator(1f));
recyclerView.setItemAnimator(animator);

但出现了联动item不能消除的效果，之后考虑实在原有的item插入一个framelayout改变布局的VISIBLE和GONE方式去覆盖原有的item，而使用这个framelayout去做动画。实现看似item进行动画的效果。

思想就是：覆盖一层framelayout布局跟RecyclerView中item设置一样的布局，再根据item的位置等信息设定framelayout相应的属性。最终让framelayout去做动画。

我的简单实现如下：

一.xml文件：

1.主activity的main_activity

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="RecycleViewDemo"
        android:textSize="20dp"/>
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <FrameLayout
            android:id="@+id/item_fl_cover"
            android:visibility="gone"
            android:layout_width="wrap_content"
            android:background="#44ff0000"
            android:layout_height="wrap_content">
            <TextView
                android:id="@+id/item_tv_cover"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:gravity="center"
                android:text="标签"
                android:textSize="20dip"/>
        </FrameLayout>

        <android.support.v7.widget.RecyclerView
            android:id="@+id/activity_recycleview"
            android:divider="#ffff0000"
            android:dividerHeight="10dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        </android.support.v7.widget.RecyclerView>
    </FrameLayout>


</LinearLayout>

2.item的 xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             android:background="#44ff0000"
             android:id="@+id/item_fl"
              android:layout_width="match_parent"
              android:layout_height="wrap_content">
                <TextView
                    android:id="@+id/item_tv"
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:gravity="center"
                    android:text="标签"
                    android:textSize="20dip"/>
</FrameLayout>

二.java代码

1.MainActivity代码：

package com.example.foreveross.rvdemo;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.FrameLayout;
import android.widget.TextView;
import android.widget.Toast;

import com.example.foreveross.rvdemo.adapter.MyAdapter;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    private RecyclerView mRecyclerView;

    private String[] mDatas = new String[]{"春炮竹", "福炮竹", "福字", "新年快乐", "灯笼", "狮子头", "耍狮子", "招财猫", "恭喜发财",
            "点燃的炮竹", "剪纸", "春字",};
    private MyAdapter mMyAdapter;
    private FrameLayout mItem_fl_cover;
    private TextView mItem_tv_cover;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initview();
        initEvent();
    }

    private void initview() {
        mRecyclerView = (RecyclerView) findViewById(R.id.activity_recycleview);
        mItem_fl_cover = (FrameLayout) findViewById(R.id.item_fl_cover);
        mItem_tv_cover = (TextView) findViewById(R.id.item_tv_cover);
        mRecyclerView.setLayoutManager(new GridLayoutManager(this,4));
        mMyAdapter = new MyAdapter(this, mDatas);
        mRecyclerView.setAdapter(mMyAdapter);
    }

    private void initEvent() {
        mMyAdapter.setOnItemClickLitener(new MyAdapter.OnItemClickLitener() {

            private float mX;
            private float mY;

            @Override
            public void onItemClick(ViewGroup view, int position) {
                //获取item的位置信息
                mY = view.getY();
                mX = view.getX();
                //获取ViewGroup中的子view
                TextView childAt = (TextView) view.getChildAt(0);
                Toast.makeText(MainActivity.this, "positionY:" + mY + "|positionX:" + mX + "|textview" + childAt.getText()
                        , Toast.LENGTH_SHORT).show();
                mItem_tv_cover.setText(childAt.getText());
                mItem_tv_cover.setHeight(childAt.getHeight());
                mItem_tv_cover.setWidth(childAt.getWidth());

                mItem_fl_cover.setVisibility(View.VISIBLE);
                setItemAnimator(mX, mY);
            }
        });
    }

    private void setItemAnimator(float x, float y) {
        TranslateAnimation translateAnimaton = new TranslateAnimation(x, x, y, y-100);
//        ScaleAnimation scaleAnimation = new ScaleAnimation(1, 0, 1, 0,
//                Animation.RELATIVE_TO_PARENT,x, Animation.RELATIVE_TO_PARENT,y);
        AnimationSet animationSet=new AnimationSet(true);
        AlphaAnimation alphaAnimation=new AlphaAnimation(0.5f,0);
        animationSet.addAnimation(translateAnimaton);
//        animationSet.addAnimation(scaleAnimation);
        animationSet.addAnimation(alphaAnimation);
        animationSet.setDuration(2000);
        mItem_fl_cover.setAnimation(animationSet);
        animationSet.start();
        animationSet.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {

            }

            @Override
            public void onAnimationEnd(Animation animation) {
                //动画结束时隐藏framelayout
                mItem_fl_cover.setVisibility(View.GONE);
            }

            @Override
            public void onAnimationRepeat(Animation animation) {

            }
        });
    }

}

2.MyAdapter：

	
package com.example.foreveross.rvdemo.adapter;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;
import android.widget.TextView;

import com.example.foreveross.rvdemo.R;

/**
 * Created by Foreveross on 2017/4/3.
 */
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {
    Context mContext;
    String[] mData;

    public MyAdapter(Context context, String[] data) {
        this.mContext = context;
        this.mData = data;
    }


    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        MyViewHolder myViewHolder = new MyViewHolder(LayoutInflater.from(mContext)
                .inflate(R.layout.item_recycleview, parent, false));

        return myViewHolder;
    }

    @Override
    public void onBindViewHolder(final MyViewHolder holder, int position) {
        holder.mItem_tv.setText(mData[position]);

        if (mOnItemClickLitener!=null){
            //设置回调
            holder.mItem_fl.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    int layoutPosition = holder.getLayoutPosition();
                    mOnItemClickLitener.onItemClick(holder.mItem_fl,layoutPosition);
                }
            });
        }
    }

    @Override
    public int getItemCount() {
        return mData.length;
    }

    class MyViewHolder extends RecyclerView.ViewHolder {

        private final FrameLayout mItem_fl;
        private final TextView mItem_tv;

        public MyViewHolder(View view) {
            super(view);
            mItem_tv = (TextView) view.findViewById(R.id.item_tv);
            mItem_fl = (FrameLayout) view.findViewById(R.id.item_fl);
        }
    }

    public OnItemClickLitener mOnItemClickLitener;

   public interface OnItemClickLitener{
       //传入ViewGroup能在获取的时候用其特性获取子view
       void onItemClick(ViewGroup view, int position);
    }

    public void setOnItemClickLitener(OnItemClickLitener on){
        this.mOnItemClickLitener=on;
    }
}