Android之RecyclerView或ListView的item上下翻转特效

一：翻转特效实现思路

1. 定义两个View
2. 点击第一个View向上翻转90°消失，第二个View显示
3. 点击第二个View向上翻转90°消失，第一个View显示

二：效果图(没弄GIF，就是上下翻转的特效)

三：代码实现

1：创建一个翻转动画util

package com.example.fgkj.onepass.util;

import android.animation.Animator;
import android.animation.ObjectAnimator;
import android.view.View;
import android.view.animation.OvershootInterpolator;

/**
 * 排行翻转动画util
 */
public class AnimUtilfz {
    public void FlipAnimatorXViewShow(final View oldView, final View newView, final long time) {

        ObjectAnimator animator1 = ObjectAnimator.ofFloat(oldView, "rotationX", 0, 90);
        final ObjectAnimator animator2 = ObjectAnimator.ofFloat(newView, "rotationX", -90, 0);
        animator2.setInterpolator(new OvershootInterpolator(2.0f));

        animator1.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation) {

            }

            @Override
            public void onAnimationEnd(Animator animation) {
                oldView.setVisibility(View.GONE);
                animator2.setDuration(time).start();
                newView.setVisibility(View.VISIBLE);
            }

            @Override
            public void onAnimationCancel(Animator animation) {

            }

            @Override
            public void onAnimationRepeat(Animator animation) {

            }
        });
        animator1.setDuration(time).start();
    }
}

2：如果是列表的情况，请先在Activity界面定义并先new一下，然后传给adapter

private AnimUtilfz animUtilfz;//翻转动画

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //去掉状态栏
        if (Build.VERSION.SDK_INT >= 21) {
            View decorView = getWindow().getDecorView();
            int option = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
            decorView.setSystemUiVisibility(option);
            getWindow().setStatusBarColor(Color.parseColor("#00000000"));
        }
        setContentView(R.layout.ranking);
        instantiation();
        animUtilfz=new AnimUtilfz();
        requestData();
    }

 adapter = new RankingAdapter(animUtilfz,bean.list, Ranking.this);
                    recyclerview.setAdapter(adapter);

3：adapter接收及使用

private AnimUtilfz animUtilfz;
    private boolean isSelect = false;

 public RankingAdapter(AnimUtilfz animUtilfz, List<RankingBean.LIST> list, Context context) {
        this.list = list;
        this.context = context;
        this.animUtilfz = animUtilfz;
    }

 holder.relatie.setOnClickListener(new View.OnClickListener() {//第一个界面
            @Override
            public void onClick(View v) {
                isSelect = true;
                if (isSelect) {
                    animUtilfz.FlipAnimatorXViewShow(holder.relatie, holder.linearer, 800);
                }
            }
        });
        holder.linearer.setOnClickListener(new View.OnClickListener() {//第二个界面
            @Override
            public void onClick(View v) {
                isSelect = false;
                if (!isSelect) {
                    animUtilfz.FlipAnimatorXViewShow(holder.linearer, holder.relatie, 800);
                }
            }
        });

4：item的xml代码

<?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:orientation="vertical">

    <!--第一个界面-->
    <RelativeLayout
        android:id="@+id/relatie"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:background="@drawable/hlistvback">

        <TextView
            android:id="@+id/textmc"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:text="1"
            android:textColor="#333333"
            android:textSize="14dp" />

        <com.example.fgkj.onepass.util.CustomImageView
            android:id="@+id/imag1"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="10dp"
            android:layout_toRightOf="@+id/textmc"
            android:src="@mipmap/back" />

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_toRightOf="@+id/imag1"
            android:orientation="vertical">

            <TextView
                android:id="@+id/textzdm"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="I love 浪浪战队"
                android:textColor="#232323"
                android:textSize="12dp" />

            <TextView
                android:id="@+id/textjf"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:text="战队总积分:1200"
                android:textColor="#666666"
                android:textSize="9dp" />
        </LinearLayout>

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_marginRight="20dp"
            android:src="@mipmap/jinpai1" />
    </RelativeLayout>

    <!--第二个界面-->
    <LinearLayout
        android:id="@+id/linearer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:background="@drawable/hlistvbackfs"
        android:orientation="vertical"
        android:visibility="gone">

        <!--胜场-->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:layout_weight="1"
                android:text="排位胜场:0"
                android:textColor="#ffffff"
                android:textSize="12dp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="对战胜场:0"
                android:textColor="#ffffff"
                android:textSize="12dp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="专业胜场:0"
                android:textColor="#ffffff"
                android:textSize="12dp" />

        </LinearLayout>
        <!--胜率-->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:orientation="horizontal">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:layout_weight="1"
                android:text="排位胜率:0%"
                android:textColor="#ffffff"
                android:textSize="12dp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="对战胜率:0%"
                android:textColor="#ffffff"
                android:textSize="12dp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="专业胜率:0%"
                android:textColor="#ffffff"
                android:textSize="12dp" />

        </LinearLayout>
    </LinearLayout>
</LinearLayout>

-------就这么多，很简单，喜欢可以关注以免迷路------对了，喜欢记得点赞！