Android應用開發教程之十九：模仿iPhone列表數據View刷新動畫詳解

　　因為我本人很喜歡在不同的頁面之間跳轉時加點好玩的動畫，今天無意間看到一個動畫效果感覺不錯，幾種效果圖如下：既然好玩就寫在博客中，直接說就是：該效果類似於iPhone中View的切換動畫效果，今天就只介紹上面展示的效果。

　　廢話不多說，先上效果，再看代碼！！

　　效果一：

　　效果二：

　　效果三：

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

　　效果五（回旋效果一）：

　　效果六（回旋效果二）：

　　效果看完了，就來看下上面效果實現的具體代碼吧， 中間會把我自己試驗的、犯的錯誤都以注釋的形式寫下來的， 大家使用的時候別出錯就行了！先來看下使用的布局文件，很簡單的布局：

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="fill_parent"  
5.     android:orientation="vertical" >  
6.     <ListView  
7.         android:id="@+id/firstPage"  
8.         android:layout_width="fill_parent"  
9.         android:layout_weight="1.0"  
10.         android:layout_height="0dip"/>  
11.     <ListView  
12.         android:id="@+id/secondPage"  
13.         android:layout_width="fill_parent"  
14.         android:layout_weight="1.0"  
15.         android:layout_height="0dip"  
16.         android:visibility="gone"/>  
17.     <Button  
18.         android:id="@+id/startNext"  
19.         android:layout_width="fill_parent"  
20.         android:layout_height="wrap_content"  
21.         android:text="@string/next"  
22.    
23.         />  
24.    
25. </LinearLayout>  

1. <strong> 下面再來看下實現以上效果的具體代碼，代碼中所標的順序與上面顯示的效果圖一致：</strong>    

1. package com.xiaoma.www;  
2.    
3. import android.animation.Animator;  
4. import android.animation.AnimatorListenerAdapter;  
5. import android.animation.ObjectAnimator;  
6. import android.app.Activity;  
7. import android.os.Bundle;  
8. import android.view.View;  
9. import android.view.View.OnClickListener;  
10. import android.view.animation.AccelerateInterpolator;  
11. import android.view.animation.CycleInterpolator;  
12. import android.view.animation.DecelerateInterpolator;  
13. import android.view.animation.Interpolator;  
14. import android.view.animation.OvershootInterpolator;  
15. import android.widget.ArrayAdapter;  
16. import android.widget.Button;  
17. import android.widget.ListView;  
18.    
19. /** 
20. * @Title: BetweenAnimationActivity.java 
21. * @Package com.xiaoma.www 
22. * @Description: 小馬學習模仿iPhone列表分頁旋轉刷新 
23. * @author XiaoMa 
24. */  
25.    
26. public class BetweenAnimationActivity extends Activity implements OnClickListener {  
27.    
28.     /**資源聲明*/  
29.     private Button startNext = null ;  
30.     private ListView firstPage = null ;  
31.     private ListView secondPage = null ;  
32.    
33.     /**列表項聲明*/  
34.     private static final String firstItem[] =  
35.         {"海闊人生","光輝歲月","無盡空虛","真的愛你","歲月無聲","灰色軌跡","再見理想"};  
36.    
37.     private static final String secondItem[] =  
38.         {"洗唰唰","愛啦啦","喜歡你","娃哈哈","小馬果","大壞蛋","冷雨夜"};  
39.    
40.     /**列表頁面切換動畫插值器聲明一*/  
41.     private Interpolator accelerator = new AccelerateInterpolator();  
42.     private Interpolator decelerator = new DecelerateInterpolator();  
43.    
44.     /**動畫插值器二：效果五與效果六都為以下插值器*/  
45.     private Interpolator  accelerator1= new  CycleInterpolator(45f);  
46.     private Interpolator  decelerator1= new  OvershootInterpolator();  
47.    
48.     /** Called when the activity is first created. */  
49.     @Override  
50.     public void onCreate(Bundle savedInstanceState) {  
51.         super.onCreate(savedInstanceState);  
52.         setContentView(R.layout.main);  
53.    
54.         /** 
55.          * 這個地方寫下，大家盡量不要在onCreate方法中寫太多的操作， 
56.          * 如果涉及到很多配置問題時有些屬性設置必須在onCreate（）方法中 
57.          * 寫，比如：全屏、橫豎屏必須在setContentView（）前面寫， 
58.          * 如果在onCreate（）方法中寫太多東西的，一句話：太亂！！ 
59.          * */  
60.    
61.         init();  
62.     }  
63.    
64.     /** 
65.      * 初始化實現 
66.      */  
67.     private void init(){  
68.    
69.         /**資源定位，添加監聽*/  
70.         startNext = (Button)findViewById(R.id.startNext);  
71.         startNext.setOnClickListener(this);  
72.    
73.         firstPage = (ListView)findViewById(R.id.firstPage);  
74.         secondPage = (ListView)findViewById(R.id.secondPage);  
75.    
76.         ArrayAdapter<String> firstAdapter = new ArrayAdapter<String>  
77.             (this, android.R.layout.simple_list_item_1,firstItem);  
78.         ArrayAdapter<String> secondAdapter = new ArrayAdapter<String>  
79.             (this, android.R.layout.simple_list_item_1, secondItem);  
80.    
81.         firstPage.setAdapter(firstAdapter);  
82.         secondPage.setAdapter(secondAdapter);  
83.    
84.     }  
85.    
86.     @Override  
87.     public void onClick(View v) {  
88.         changePage();  
89.     }  
90.    
91.      //實現列表頁面切換  
92.    
93.     private void changePage() {  
94.    
95.         final ListView visiable  ;  
96.         final ListView invisiable ;  
97.    
98.         if(firstPage.getVisibility() == View.GONE){  
99.             visiable = secondPage ;  
100.             invisiable = firstPage ;  
101.         }else{  
102.             visiable = firstPage ;  
103.             invisiable = secondPage ;  
104.         }  
105.    
106. //這個地方大家可能看到了ObjectAnimator這個類，一開始我也不知道是什麼東西，很簡單，查官方文檔，官方文檔中的解釋一堆英文，我//一直說的，我英文爛的要死，但不怕，只要你想，就肯定可以查出來的，大家 只看一句：該類是 ValueAnimator的子類，可以根據給定//的屬性名稱給目標對象設置動畫參數  
107.    
108.     //效果一(此處效果順序與效果圖一一對應)  
109.     //final ObjectAnimator invisToVis = ObjectAnimator.ofFloat(invisiable, "rotationX",-90f, 0f);  
110.      ObjectAnimator visToInvis = ObjectAnimator.ofFloat(visiable, "rotationX", 0f, 90f);  
111.    
112.     //效果二  
113.      final ObjectAnimator invisToVis = ObjectAnimator.ofFloat(invisiable, "rotationY",-90f, 0f);  
114.            ObjectAnimator visToInvis = ObjectAnimator.ofFloat(visiable, "rotationY", 0f, 90f);  
115.    
116.     //效果三(這個地方的alpha屬性值大家只記一點：值越大越不透明就可以了！！！)  
117.         //final ObjectAnimator invisToVis = ObjectAnimator.ofFloat(invisiable, "alpha", 0.0f, 1.0f );  
118.     //ObjectAnimator visToInvis = ObjectAnimator.ofFloat(visiable, "alpha", 1.0f, 0.0f );  
119.    
120. //效果四(此於是我犯的一個錯誤，很天真的以為應該也有rotationZ屬性名稱，其實是錯的，在ofFloat參數中並無此屬性名稱，但大家還//是可以看到列表正常，其實顯示 效果很不正常了因為後台已經報錯，但應用仍然不會停止 ，照常運行，但效果僅僅是兩個ListView直接//替換，並無任何動畫添加到其中，這個地方大家注意下)： ObjectAnimator.ofFloat(invisiable, "rotationZ",-90f, 0f);  
121.    
122.             visToInvis.setDuration(500);  
123.             visToInvis.setInterpolator(accelerator);  
124.             invisToVis.setDuration(500);  
125.             invisToVis.setInterpolator(decelerator);  
126.    
127. //這個地方記錄下，下面這個監聽器小馬第一次見到，查閱官方文檔解釋如下：此監聽來監聽動畫的生命周期如：開始、結束、正在播放、循//環播放等 ，此處切記： Animation是不可以監聽動畫的，它只負責動畫的  
128.             visToInvis.addListener(new AnimatorListenerAdapter() {  
129.                 @Override  
130.                 public void onAnimationEnd(Animator anim) {  
131.    
132.                     /* 
133.                      * 列舉幾個動畫的監聽： 
134.                      * 一：anim.isRunning(){//TODO} 
135.                      * 二：anim.isStarted(){//TODO} 
136.                      * 三：anim.end(){//TODO} 
137.                      */  
138.    
139.                     visiable.setVisibility(View.GONE);  
140.                     invisToVis.start();  
141.                     invisiable.setVisibility(View.VISIBLE);  
142.                 }  
143.             });  
144.             visToInvis.start();  
145.     }  
146.    
147. }

　　最後，再說下，文章標題中說是分頁動畫，其實這些動畫並不僅僅局限於分頁上面的，如果大家把插值器、動畫用靈活一點的話， 也可以做出很個性的帶有很多動畫的應用的，再加上Activity之間的動畫與以上這些結合的話就更完美了，Activity之間的動畫大家可以參照我之前寫的這篇文章（連接如下），希望對大家有所幫助。