用开源项目FlipImageView实现图片的翻转效果

    

　　开源项目地址：https://github.com/castorflex/FlipImageView

　　本实例我没做什么改动，就是添加了注释，方便大家阅读。和之前一样，导入library和工程文件即可明白如何使用。

布局文件

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

    <fr.castorflex.android.flipimageview.library.FlipImageView
        android:id="@+id/imageview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scaleType="center"
        android:layout_gravity="center"
        android:src="@drawable/ic_action_star_0"
        app:flipDrawable="@drawable/ic_action_star_10"
        app:flipDuration="5000"
        app:flipInterpolator="@android:anim/bounce_interpolator"
        app:flipRotations="y|x|z"
        app:reverseRotation="true"/>

    <TextView
        android:id="@+id/textview"
        android:layout_marginTop="24dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />


    <Spinner
        android:id="@+id/spinner"
        android:layout_height="wrap_content"
        android:layout_width="match_parent" />

    <SeekBar
        android:id="@+id/seekbar"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:layout_marginTop="16dp"
        android:max="5000"
        android:progress="500" />

    <LinearLayout
        android:orientation="horizontal"
        android:layout_height="wrap_content"
        android:layout_width="match_parent">

        <TextView
            android:layout_height="wrap_content"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:text="duration:" />

        <TextView
            android:id="@+id/textview_duration"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:text="500" />
    </LinearLayout>

    <LinearLayout
        android:orientation="horizontal"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:layout_marginTop="16dp"
        android:minHeight="48dp"
        android:gravity="center">

        <CheckBox
            android:id="@+id/checkedtextview_x"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text="Rot. X" />

        <CheckBox
            android:id="@+id/checkedtextview_y"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text="Rot. Y"
            android:checked="true"/>

        <CheckBox
            android:id="@+id/checkedtextview_z"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text="Rot. Z" />

    </LinearLayout>
    
    
        <CheckBox
            android:id="@+id/checkedtextview_reverse"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Reverse rotation" />


</LinearLayout>

SampleActivity

package fr.castorflex.android.flipimageview.sample;

import android.app.Activity;
import android.os.Bundle;
import android.view.animation.AccelerateDecelerateInterpolator;
import android.view.animation.AccelerateInterpolator;
import android.view.animation.AnticipateOvershootInterpolator;
import android.view.animation.BounceInterpolator;
import android.view.animation.DecelerateInterpolator;
import android.view.animation.Interpolator;
import android.view.animation.OvershootInterpolator;
import android.widget.ArrayAdapter;
import android.widget.CheckBox;
import android.widget.SeekBar;
import android.widget.Spinner;
import android.widget.TextView;

import fr.castorflex.android.flipimageview.R;
import fr.castorflex.android.flipimageview.library.FlipImageView;

public class SampleActivity extends Activity implements FlipImageView.OnFlipListener,
        SeekBar.OnSeekBarChangeListener {

    /**
     * 定义翻转的模式，用作spinner的数据 
     */
    private static final String[] fData = new String[]{
            "Decelerate",
            "Accelerate",
            "AccelerateDecelerate",
            "Bounce",
            "Overshoot",
            "AnticipateOvershoot"

    };

    private static final Interpolator[] fInterpolators = new Interpolator[]{
            new DecelerateInterpolator(),
            new AccelerateInterpolator(),
            new AccelerateDecelerateInterpolator(),
            new BounceInterpolator(),
            new OvershootInterpolator(),
            new AnticipateOvershootInterpolator()
    };

    private SeekBar mSeekBar;

    private Spinner mSpinner;

    private TextView mTextViewDuration;

    private FlipImageView mFlipImageView;

    private CheckBox mCheckBoxX;

    private CheckBox mCheckBoxY;

    private CheckBox mCheckBoxZ;
    
    private CheckBox mCheckBoxReverse;

    private TextView mTextViewAnimationListener;

    /**
     * Called when the activity is first created.
     */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        //翻转成功、翻转中的表示文字，用监听器触发
        mTextViewAnimationListener = (TextView) findViewById(R.id.textview);
        //将要翻转的图片
        mFlipImageView = (FlipImageView) findViewById(R.id.imageview);
        //设置翻转模式的spinner
        mSpinner = (Spinner) findViewById(R.id.spinner);
        //提示选择翻转时间的文字
        mTextViewDuration = (TextView) findViewById(R.id.textview_duration);
        //设置翻转时间的滑动条
        mSeekBar = (SeekBar) findViewById(R.id.seekbar);
        //选择翻转轴的选择框，X Y Z轴，不进行轴旋转，可以多选
        mCheckBoxX = (CheckBox) findViewById(R.id.checkedtextview_x);
        mCheckBoxY = (CheckBox) findViewById(R.id.checkedtextview_y);
        mCheckBoxZ = (CheckBox) findViewById(R.id.checkedtextview_z);
        //没设置XYZ轴翻转的情况下，此选项进行简单的缩放翻转
        mCheckBoxReverse = (CheckBox) findViewById(R.id.checkedtextview_reverse);

        mSpinner.setAdapter(
                new ArrayAdapter<String>(this, android.R.layout.simple_dropdown_item_1line, fData));

        mSeekBar.setOnSeekBarChangeListener(this);

        mFlipImageView.setOnFlipListener(this);
    }

    /////////////////////FLIP IMAGE VIEW///////////////////

    @Override
    public void onClick(FlipImageView view) {
        //设置效果    mFlipImageView.setInterpolator(interpolator)
        mFlipImageView.setInterpolator(fInterpolators[mSpinner.getSelectedItemPosition()]);
        //设置时间，时间是毫秒
        mFlipImageView.setDuration(mSeekBar.getProgress());
        //设置翻转的轴、或不按轴翻转，传入的参数都是boolean型
        mFlipImageView.setRotationXEnabled(mCheckBoxX.isChecked());
        mFlipImageView.setRotationYEnabled(mCheckBoxY.isChecked());
        mFlipImageView.setRotationZEnabled(mCheckBoxZ.isChecked());
        mFlipImageView.setRotationReversed(mCheckBoxReverse.isChecked());
        
        //下面要设置监听器了
        //FlipImageView.OnFlipListener
    }

    /* （非 Javadoc）
     * @see fr.castorflex.android.flipimageview.library.FlipImageView.OnFlipListener#onFlipStart(fr.castorflex.android.flipimageview.library.FlipImageView)
     * 监听器
     */
    @Override
    public void onFlipStart(FlipImageView view) {
        //开始翻转
        mTextViewAnimationListener.setText("OnFlipStart");
    }

    /* （非 Javadoc）
     * @see fr.castorflex.android.flipimageview.library.FlipImageView.OnFlipListener#onFlipEnd(fr.castorflex.android.flipimageview.library.FlipImageView)
     * 监听器
     */
    @Override
    public void onFlipEnd(FlipImageView view) {
        //翻转结束
        mTextViewAnimationListener.setText("OnFlipEnd");
    }

    ////////////////////////SEEK BAR/////////////////////////

    @Override
    public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
        mTextViewDuration.setText("" + progress);
    }

    @Override
    public void onStartTrackingTouch(SeekBar seekBar) {
    }

    @Override
    public void onStopTrackingTouch(SeekBar seekBar) {
    }
}

源码下载：http://download.csdn.net/detail/shark0017/7710153