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(B
cb03
undle 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;
}
}