android使用FlipAnimation實(shí)現(xiàn)3D垂直翻轉(zhuǎn)動(dòng)畫(huà)

更新時(shí)間：2017年12月29日 10:18:01 作者：鄭海波

這篇文章主要為大家詳細(xì)介紹了android使用FlipAnimation實(shí)現(xiàn)3D垂直翻轉(zhuǎn)動(dòng)畫(huà)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了android實(shí)現(xiàn)3D垂直翻轉(zhuǎn)動(dòng)畫(huà)的具體代碼，供大家參考，具體內(nèi)容如下

需求

對(duì)ImageView進(jìn)行類似于翻紙牌的動(dòng)畫(huà)

解決

各種Animator的組合

第一步動(dòng)畫(huà)：

動(dòng)畫(huà)代碼文件1，card_flip_left_out.xml

 <?xml version="1.0" encoding="utf-8"?>
 <set xmlns:android="http://schemas.android.com/apk/res/android" >
 <!-- 先縮小 -->
 <objectAnimator
  android:duration="200"
  android:propertyName="scaleX"
  android:valueFrom="1.0"
  android:valueTo="0.8" />
 <objectAnimator
  android:duration="200"
  android:propertyName="scaleY"
  android:valueFrom="1.0"
  android:valueTo="0.8" />
 <!-- 再旋轉(zhuǎn) -->
 <objectAnimator
  android:duration="@integer/card_flip_time_full"
  android:interpolator="@android:interpolator/accelerate_decelerate"
  android:propertyName="rotationY"
  android:startOffset="200"
  android:valueFrom="0"
  android:valueTo="90" />
 <!-- 同時(shí)透明度變化 -->
 <objectAnimator
  android:duration="@integer/card_flip_time_full"
  android:propertyName="alpha"
  android:startOffset="200"
  android:valueFrom="1.0"
  android:valueTo="0.0" />
 </set>

第二步動(dòng)畫(huà)

動(dòng)畫(huà)文件2：card_flip_left_out

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
 <!-- 立即設(shè)置為透明 -->
 <objectAnimator
  android:duration="0"
  android:propertyName="alpha"
  android:valueFrom="1.0"
  android:valueTo="0.0" />
 <!-- 旋轉(zhuǎn) -->
 <objectAnimator
  android:duration="@integer/card_flip_time_full"
  android:interpolator="@android:interpolator/accelerate_decelerate"
  android:propertyName="rotationY"
  android:valueFrom="-90"
  android:valueTo="0" />
 <!-- 旋轉(zhuǎn)一半的時(shí)間，逐漸顯示 -->
 <objectAnimator
  android:duration="1"
  android:propertyName="alpha"
  android:startOffset="@integer/card_flip_time_half"
  android:valueFrom="0.0"
  android:valueTo="1.0" />
 <!-- 最后放大 -->
 <objectAnimator
  android:duration="200"
  android:propertyName="scaleX"
  android:startOffset="@integer/card_flip_time_full"
  android:valueFrom="0.8"
  android:valueTo="1.0" />
 <objectAnimator
  android:duration="200"
  android:propertyName="scaleY"
  android:startOffset="@integer/card_flip_time_full"
  android:valueFrom="0.8"
  android:valueTo="1.0" />
</set>

下面就是寫(xiě)java代碼啦，在第一個(gè)動(dòng)畫(huà)結(jié)束的時(shí)候，換圖。

package com.example.android.animationsdemo;
import android.animation.Animator;
import android.animation.AnimatorInflater;
import android.animation.AnimatorListenerAdapter;
import android.animation.AnimatorSet;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;

/**
 * @date 2015年3月18日 下午2:28:33
 * @author Zheng Haibo
 * @Description: 圖片的翻轉(zhuǎn)動(dòng)畫(huà)
 */
public class ImageFlipActivity extends Activity {

 private ImageView imageView;
 private int clickCount = 0;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_image_flip);
  imageView = (ImageView) findViewById(R.id.iv_show);

  imageView.setOnClickListener(new OnClickListener() {

   @Override
   public void onClick(View v) {
    playFlipAnimation2();
   }

  });
 }

 private void playFlipAnimation2() {
  clickCount++;
  AnimatorSet animatorSetOut = (AnimatorSet) AnimatorInflater
    .loadAnimator(this, R.animator.card_flip_left_out);

  final AnimatorSet animatorSetIn = (AnimatorSet) AnimatorInflater
    .loadAnimator(this, R.animator.card_flip_left_in);

  animatorSetOut.setTarget(imageView);
  animatorSetIn.setTarget(imageView);

  animatorSetOut.addListener(new AnimatorListenerAdapter() {

   @Override
   public void onAnimationEnd(Animator animation) {// 翻轉(zhuǎn)90度之后，換圖
    if (clickCount % 2 == 0) {
     imageView.setImageResource(R.drawable.image1);
    } else {
     imageView.setImageResource(R.drawable.image2);
    }
    animatorSetIn.start();
   }
  });

  animatorSetIn.addListener(new AnimatorListenerAdapter() {

   @Override
   public void onAnimationEnd(Animator animation) {
    // TODO
   }
  });
  animatorSetOut.start();
 }

}

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Android自定義view漸變圓形動(dòng)畫(huà)
這篇文章主要為大家詳細(xì)介紹了Android自定義view漸變圓形動(dòng)畫(huà)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-03-03
Android簡(jiǎn)單實(shí)現(xiàn)計(jì)算器功能
這篇文章主要為大家詳細(xì)介紹了Android簡(jiǎn)單實(shí)現(xiàn)計(jì)算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-08-08
詳解Android的網(wǎng)絡(luò)數(shù)據(jù)存儲(chǔ)
LeanCloud是一種簡(jiǎn)單高效的數(shù)據(jù)和文件存儲(chǔ)服務(wù)，本文主要介紹了利用LeanCloud來(lái)進(jìn)行網(wǎng)絡(luò)數(shù)據(jù)的存儲(chǔ)的實(shí)現(xiàn)方法。具有很好的參考價(jià)值，需要的朋友一起來(lái)看下吧
2016-12-12
Android圖片性能優(yōu)化詳解
這篇文章給大家分享了關(guān)于Android性能優(yōu)化之圖片優(yōu)化的相關(guān)知識(shí)點(diǎn)內(nèi)容，有興趣的朋友參考下。
2018-07-07
淺析安卓(Android)的性能優(yōu)化
性能優(yōu)化是一個(gè)大的范疇，如果有人問(wèn)你在Android中如何做性能優(yōu)化的，也許都不知道從哪開(kāi)始說(shuō)起。那么這篇文章我們從布局優(yōu)化和內(nèi)存優(yōu)化兩個(gè)方面來(lái)展開(kāi)說(shuō)如何進(jìn)行Android的性能優(yōu)化。
2016-08-08
sqlite查詢結(jié)果在listview中展示的實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇sqlite查詢結(jié)果在listview中展示的實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-04-04
Android工具欄頂出轉(zhuǎn)場(chǎng)動(dòng)畫(huà)的實(shí)現(xiàn)方法實(shí)例
這篇文章主要給大家介紹了關(guān)于Android工具欄頂出轉(zhuǎn)場(chǎng)動(dòng)畫(huà)的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)各位Android開(kāi)發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2018-09-09
Android輔助功能實(shí)現(xiàn)自動(dòng)搶紅包(附源碼)
本篇文章主要介紹了Android輔助功能實(shí)現(xiàn)自動(dòng)搶紅包(附源碼)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-11-11
這篇文章主要介紹了基于Android的服務(wù)器端程序?qū)嵗【幱X(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-03-03