這期內(nèi)容當中小編將會給大家?guī)碛嘘P怎么在android中利用FlipAnimation實現(xiàn)一個3D垂直翻轉(zhuǎn)動畫,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
創(chuàng)新互聯(lián)是一家專注網(wǎng)站建設、網(wǎng)絡營銷策劃、成都微信小程序、電子商務建設、網(wǎng)絡推廣、移動互聯(lián)開發(fā)、研究、服務為一體的技術型公司。公司成立10年以來,已經(jīng)為千余家成都高空作業(yè)車租賃各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務?,F(xiàn)在,服務的千余家客戶與我們一路同行,見證我們的成長;未來,我們一起分享成功的喜悅。
需求
對ImageView進行類似于翻紙牌的動畫
解決
各種Animator的組合
第一步動畫:
動畫代碼文件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" /> <!-- 同時透明度變化 --> <objectAnimator android:duration="@integer/card_flip_time_full" android:propertyName="alpha" android:startOffset="200" android:valueFrom="1.0" android:valueTo="0.0" /> </set>
第二步動畫
動畫文件2:card_flip_left_out
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 立即設置為透明 --> <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)一半的時間,逐漸顯示 --> <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>
下面就是寫java代碼啦,在第一個動畫結(jié)束的時候,換圖。
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)動畫 */ 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(); } }
上述就是小編為大家分享的怎么在android中利用FlipAnimation實現(xiàn)一個3D垂直翻轉(zhuǎn)動畫了,如果剛好有類似的疑惑,不妨參照上述分析進行理解。如果想知道更多相關知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網(wǎng)頁名稱:怎么在android中利用FlipAnimation實現(xiàn)一個3D垂直翻轉(zhuǎn)動畫
網(wǎng)頁路徑:http://muchs.cn/article40/ipgeho.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、動態(tài)網(wǎng)站、網(wǎng)站設計、網(wǎng)站設計公司、做網(wǎng)站、網(wǎng)站改版
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)