Android ViewFlipper滑动屏幕切换

最近看到ViewFlipper和Animation在一起的用法，感觉很好，我就自己写了一下，感觉灰常好用，效果比gallery的滚动查看图片好用多了，这个也是实现滚动屏幕切换图片，但是用户体验要好很多！所以我把自己写的demo分享一下！希望对大家有用，也方便我自己以后查阅！转载请标明出处：

http://blog.csdn.net/wdaming1986/article/details/6766058

 

        程序一开始界面，第一张图片：                               向右滑动屏幕切换到第二张图片：

                            

 

               向右滑动切换第三张图片：

        向左滑动就又切换到第二张图片了！

        以此类推！

      

  代码奉上：

一、MainActivity。java类文件：

[java]  view plain copy print ?

1. package com.cn.daming;  
2.   
3. import android.app.Activity;  
4. import android.content.Intent;  
5. import android.graphics.Color;  
6. import android.graphics.drawable.GradientDrawable;  
7. import android.graphics.drawable.GradientDrawable.Orientation;  
8. import android.os.Bundle;  
9. import android.util.Log;  
10. import android.view.GestureDetector;  
11. import android.view.GestureDetector.OnGestureListener;  
12. import android.view.LayoutInflater;  
13. import android.view.MotionEvent;  
14. import android.view.View;  
15. import android.view.animation.AnimationUtils;  
16. import android.widget.ViewFlipper;  
17.   
18. public class MainActivity extends Activity implements OnGestureListener{  
19.       
20.     private GestureDetector detector;  
21.     private ViewFlipper flipper;  
22.     private final int HELPFILP_RESULT = 106;  
23.     Intent getMainActivity = null;  
24.     int count = 1;  
25.       
26.     @Override  
27.     public void onCreate(Bundle savedInstanceState) {  
28.         super.onCreate(savedInstanceState);  
29.         drawBackground();  
30.         LayoutInflater inflater = LayoutInflater.from(this);  
31.         final View layout = inflater.inflate(R.layout.view_flipper, null);  
32.         setContentView(layout);  
33.         flipper = (ViewFlipper) findViewById(R.id.view_flipper);  
34.         detector = new GestureDetector(this);  
35.     }  
36.   
37.     public void drawBackground()  
38.     {  
39.         GradientDrawable grad = new GradientDrawable(   
40.                    Orientation.TL_BR,  
41.                    new int[] {Color.rgb(0, 0, 127),  
42.                            Color.rgb(0, 0, 255),  
43.                            Color.rgb(127, 0, 255),  
44.                            Color.rgb(127, 127, 255),  
45.                            Color.rgb(127, 255, 255),  
46.                            Color.rgb(255, 255, 255)}   
47.         );   
48.   
49.         this.getWindow().setBackgroundDrawable(grad);  
50.     }  
51.       
52.     @Override  
53.     public boolean onTouchEvent(MotionEvent event) {  
54.         return this.detector.onTouchEvent(event);  
55.     }  
56.   
57.     public boolean onDown(MotionEvent arg0) {  
58.         // TODO Auto-generated method stub  
59.         return false;  
60.     }  
61.   
62.     public boolean onFling(MotionEvent e1, MotionEvent e2, float arg2,  
63.             float arg3) {  
64.         Log.i("Fling", "Fling Happened!");  
65.         if (e1.getX() - e2.getX() > 5) {  
66.             this.flipper.setInAnimation(AnimationUtils.loadAnimation(this,  
67.                     R.anim.push_left_in));  
68.             this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this,  
69.                     R.anim.push_left_out));  
70.             if (count < 3) {  
71.                 this.flipper.showNext();  
72.                 count++;  
73.             }  
74.   
75.             return true;  
76.         } else if (e1.getX() - e2.getX() < -5) {  
77.             this.flipper.setInAnimation(AnimationUtils.loadAnimation(this,  
78.                     R.anim.push_right_in));  
79.             this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this,  
80.                     R.anim.push_right_out));  
81.             if (count > 1) {  
82.                 this.flipper.showPrevious();  
83.                 count--;  
84.             }  
85.             return true;  
86.         }  
87.         return true;  
88.     }  
89.   
90.     public void onLongPress(MotionEvent arg0) {  
91.         // TODO Auto-generated method stub  
92.           
93.     }  
94.   
95.     public boolean onScroll(MotionEvent arg0, MotionEvent arg1, float arg2,  
96.             float arg3) {  
97.         // TODO Auto-generated method stub  
98.         return false;  
99.     }  
100.   
101.     public void onShowPress(MotionEvent arg0) {  
102.         // TODO Auto-generated method stub  
103.           
104.     }  
105.   
106.     public boolean onSingleTapUp(MotionEvent arg0) {  
107.         // TODO Auto-generated method stub  
108.         return false;  
109.     }  
110. }  

 

二、view_flipper.xml布局文件

[html]  view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:id="@+id/layout" android:orientation="horizontal"  
4.     android:layout_width="fill_parent" android:layout_height="fill_parent"  
5.     >  
6.     <ViewFlipper android:id="@+id/view_flipper"  
7.         android:layout_width="fill_parent" android:layout_height="fill_parent"  
8.         android:persistentDrawingCache="animation" android:flipInterval="1000"  
9.         android:inAnimation="@anim/push_left_in" android:outAnimation="@anim/push_left_out">  
10.         <LinearLayout android:orientation="horizontal"   
11.             android:layout_width="fill_parent" android:layout_height="fill_parent">  
12.             <ImageView android:id="@+id/view_bg1" android:src="@drawable/bg1"  
13.                 android:layout_width="fill_parent" android:layout_height="fill_parent"  
14.                 >  
15.             </ImageView>  
16.         </LinearLayout>  
17.         <LinearLayout android:orientation="horizontal"   
18.             android:layout_width="fill_parent" android:layout_height="fill_parent">  
19.             <ImageView android:id="@+id/view_bg2" android:src="@drawable/bg2"  
20.                 android:layout_width="fill_parent" android:layout_height="fill_parent"  
21.                 >  
22.             </ImageView>  
23.         </LinearLayout>  
24.         <LinearLayout android:orientation="horizontal"  
25.             android:layout_width="fill_parent" android:layout_height="fill_parent">  
26.             <ImageView android:id="@+id/view_bg3" android:src="@drawable/bg3"  
27.                 android:layout_width="fill_parent" android:layout_height="fill_parent"  
28.             >  
29.             </ImageView>  
30.         </LinearLayout>  
31.     </ViewFlipper>  
32. </LinearLayout>   

 

三、anim动画布局文件：

       1、push_left_in.xml布局文件：

[html]  view plain copy print ?

1. <span style="font-size:13px;"><?xml version="1.0" encoding="utf-8"?>  
2. <set xmlns:android="http://schemas.android.com/apk/res/android">  
3.         <translate android:fromXDelta="100%p" android:toXDelta="0"  
4.                 android:duration="500" />  
5.         <alpha android:fromAlpha="0.1" android:toAlpha="1.0"  
6.                 android:duration="500" />  
7. </set></span>  

[html]  view plain copy print ?

1. <strong>  
2. </strong>   

       2、push_left_out.xml布局文件

[html]  view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <set xmlns:android="http://schemas.android.com/apk/res/android">  
3.         <translate android:fromXDelta="0" android:toXDelta="-100%p"  
4.                 android:duration="500" />  
5.         <alpha android:fromAlpha="1.0" android:toAlpha="0.1"  
6.                 android:duration="500" />  
7. </set>  

       3、push_right_in.xml布局文件

[html]  view plain copy print ?

1. <span style="font-size:13px;color:#000000;"><?xml version="1.0" encoding="UTF-8"?>  
2. <set xmlns:android="http://schemas.android.com/apk/res/android">  
3.         <translate android:fromXDelta="-100%p" android:toXDelta="0"  
4.                 android:duration="500" />  
5.         <alpha android:fromAlpha="0.1" android:toAlpha="1.0"  
6.                 android:duration="500" />  
7. </set></span>  

 

       4、push_right_out.xml布局文件

[html]  view plain copy print ?

1. <?xml version="1.0" encoding="UTF-8"?>  
2. <set xmlns:android="http://schemas.android.com/apk/res/android">  
3.         <translate android:fromXDelta="0" android:toXDelta="100%p"  
4.                 android:duration="500" />  
5.         <alpha android:fromAlpha="1.0" android:toAlpha="0.1"  
6.                 android:duration="500" />  
7. </set>