Android模仿iPhone View旋轉重新整理資料動畫詳解

效果一：

<a href="http://blog.51cto.com/attachment/201206/084414411.gif" target="_blank"></a>

效果二：

<a href="http://blog.51cto.com/attachment/201206/084427502.gif" target="_blank"></a>

效果三：

<a href="http://blog.51cto.com/attachment/201206/084438988.gif" target="_blank"></a>

效果四：（小馬犯錯的效果）：

<a href="http://blog.51cto.com/attachment/201206/084448265.gif" target="_blank"></a>

效果五（回旋效果）：

<a href="http://blog.51cto.com/attachment/201206/084459604.gif" target="_blank"></a>

效果六（回旋效果）：

<a href="http://blog.51cto.com/attachment/201206/084512654.gif" target="_blank"></a>

     好啦，效果看完了，就來看下上面效果實作的具體代碼吧， 中間小馬會把我自己試驗的、犯的錯誤都以注釋的形式寫下來的大家使用的時候别出錯就行了！

package com.xiaoma.www; 

import android.animation.Animator; 

import android.animation.AnimatorListenerAdapter; 

import android.animation.ObjectAnimator; 

import android.app.Activity; 

import android.os.Bundle; 

import android.view.View; 

import android.view.View.OnClickListener; 

import android.view.animation.AccelerateInterpolator; 

import android.view.animation.CycleInterpolator; 

import android.view.animation.DecelerateInterpolator; 

import android.view.animation.Interpolator; 

import android.view.animation.OvershootInterpolator; 

import android.widget.ArrayAdapter; 

import android.widget.Button; 

import android.widget.ListView; 

/**   

* @Title: BetweenAnimationActivity.java 

* @Package com.xiaoma.www 

* @Description: 小馬學習模仿iPhone清單分頁旋轉重新整理 

* @author XiaoMa 

*/ 

public class BetweenAnimationActivity extends Activity implements OnClickListener { 

    /**資源聲明*/ 

    private Button startNext = null ;  

    private ListView firstPage = null ; 

    private ListView secondPage = null ; 

    /**清單項聲明*/ 

    private static final String firstItem[] =  

        {"海闊人生","光輝歲月","無盡空虛","真的愛你","歲月無聲","灰色軌迹","再見理想"}; 

    private static final String secondItem[] =  

        {"洗唰唰","愛啦啦","喜歡你","娃哈哈","小馬果","大壞蛋","冷雨夜"}; 

    /**清單頁面切換動畫插值器聲明一*/ 

    private Interpolator accelerator = new AccelerateInterpolator(); 

    private Interpolator decelerator = new DecelerateInterpolator(); 

    /**動畫插值器二：效果五與效果六都為以下插值器*/ 

    private Interpolator  accelerator1= new  CycleInterpolator(45f); 

    private Interpolator  decelerator1= new  OvershootInterpolator(); 

    /** Called when the activity is first created. */ 

    @Override 

    public void onCreate(Bundle savedInstanceState) { 

        super.onCreate(savedInstanceState); 

        setContentView(R.layout.main); 

        /** 

         * 這個地方寫下，大家盡量不要在onCreate方法中寫太多的操作， 

         * 如果涉及到很多配置問題時有些屬性設定必須在onCreate（）方法中 

         * 寫，比如：全屏、橫豎屏必須在setContentView（）前面寫， 

         * 如果在onCreate（）方法中寫太多東西的，一句話：太亂！！ 

         * */ 

        init(); 

    } 

    /** 

     * 初始化實作 

     */ 

    private void init(){ 

        /**資源定位，添加監聽*/ 

        startNext = (Button)findViewById(R.id.startNext); 

        startNext.setOnClickListener(this); 

        firstPage = (ListView)findViewById(R.id.firstPage); 

        secondPage = (ListView)findViewById(R.id.secondPage); 

        ArrayAdapter&lt;String&gt; firstAdapter = new ArrayAdapter&lt;String&gt; 

            (this, android.R.layout.simple_list_item_1,firstItem); 

        ArrayAdapter&lt;String&gt; secondAdapter = new ArrayAdapter&lt;String&gt; 

            (this, android.R.layout.simple_list_item_1, secondItem); 

        firstPage.setAdapter(firstAdapter); 

        secondPage.setAdapter(secondAdapter); 

    public void onClick(View v) { 

        changePage(); 

    /* 

     * 實作清單頁面切換 

    private void changePage() { 

        final ListView visiable  ; 

        final ListView invisiable ; 

        if(firstPage.getVisibility() == View.GONE){ 

            visiable = secondPage ;  

            invisiable = firstPage ;  

        }else{ 

            visiable = firstPage ;  

            invisiable = secondPage ;  

        } 

        /* 

         * 這個地方大家可能看到了ObjectAnimator這個類，一開始我也不知道是什麼東西，很簡單，查官方文檔， 

         * 官方文檔中的解釋一堆英文，我一直說的，我英文爛的要死，但不怕，隻要你想，就肯定可以查出來的，大家 

         * 隻看一句：該類是 ValueAnimator的子類，可以根據給定的屬性名稱給目标對象設定動畫參數 

         */ 

        //效果一(此處效果順序與效果圖一一對應) 

              /*final ObjectAnimator invisToVis = ObjectAnimator.ofFloat(invisiable, "rotationX",-90f, 0f); 

              ObjectAnimator visToInvis = ObjectAnimator.ofFloat(visiable, "rotationX", 0f, 90f);*/ 

        //效果二 

              final ObjectAnimator invisToVis = ObjectAnimator.ofFloat(invisiable, "rotationY",-90f, 0f); 

              ObjectAnimator visToInvis = ObjectAnimator.ofFloat(visiable, "rotationY", 0f, 90f); 

        //效果三(這個地方的alpha屬性值大家隻記一點：值越大越不透明就可以了！！！) 

              /*final ObjectAnimator invisToVis = ObjectAnimator.ofFloat(invisiable, "alpha", 0.0f, 1.0f ); 

              ObjectAnimator visToInvis = ObjectAnimator.ofFloat(visiable, "alpha", 1.0f, 0.0f );*/ 

         *效果四(此于是我犯的一個錯誤，很天真的以為應該也有rotationZ屬性名稱，其實是錯的， 

         *在ofFloat參數中并無此屬性名稱，但大家還是可以看到清單正常，其實顯示 效果很不正常了 

         *因為背景已經報錯，但應用仍然不會停止 ，照常運作，但效果僅僅是兩個ListView直接替換， 

         *并無任何動畫添加到其中，這個地方大家注意下)：  

         *  ObjectAnimator.ofFloat(invisiable, "rotationZ",-90f, 0f); 

            visToInvis.setDuration(500); 

            visToInvis.setInterpolator(accelerator); 

            invisToVis.setDuration(500); 

            invisToVis.setInterpolator(decelerator); 

            /* 

             *這個地方記錄下，下面這個監聽器小馬第一次見到，查閱官方文檔解釋如下： 

             *此監聽來監聽動畫的生命周期如：開始、結束、正在播放、循環播放等 ， 

             *此處切記： Animation是不可以監聽動畫的，它隻負責動畫的 

             */ 

            visToInvis.addListener(new AnimatorListenerAdapter() { 

                @Override 

                public void onAnimationEnd(Animator anim) { 

                    /* 

                     * 列舉幾個動畫的監聽： 

                     * 一：anim.isRunning(){//TODO} 

                     * 二：anim.isStarted(){//TODO} 

                     * 三：anim.end(){//TODO} 

                     */ 

                    visiable.setVisibility(View.GONE); 

                    invisToVis.start(); 

                    invisiable.setVisibility(View.VISIBLE); 

                } 

            }); 

            visToInvis.start(); 

} 

<a href="http://down.51cto.com/data/2360710" target="_blank">附件：http://down.51cto.com/data/2360710</a>

     本文轉自華華世界 51CTO部落格，原文連結：http://blog.51cto.com/mzh3344258/886522，如需轉載請自行聯系原作者