Android实战简易教程<十二>（ViewFlipper实现幻灯效果）-优快云博客

本文介绍了一个使用Android实现的手势控制图片轮播功能，通过ViewFlipper组件展示不同图片，并利用GestureDetector处理滑动手势来切换图片。文章提供了MainActivity代码示例及动画效果配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接看代码

1.MainActivity.java:

[java]view plaincopy 
   
 package org.yayun.demo;  
   
 import android.app.Activity;  
 import android.os.Bundle;  
 import android.view.GestureDetector;  
 import android.view.MotionEvent;  
 import android.view.ViewGroup.LayoutParams;  
 import android.view.animation.Animation;  
 import android.view.animation.AnimationUtils;  
 import android.widget.ImageView;  
 import android.widget.ViewFlipper;  
   
 public class MainActivity extends Activity implements  
         android.view.GestureDetector.OnGestureListener {  
   
     private int[] imgs = { R.drawable.img1, R.drawable.img2, R.drawable.img3 };  
     private GestureDetector gestureDetector;  
     private ViewFlipper viewFlipper;  
     private Activity mActivity;  
   
     @Override  
     protected void onCreate(Bundle savedInstanceState) {  
         super.onCreate(savedInstanceState);  
         setContentView(R.layout.activity_main);  
         mActivity = this;  
         viewFlipper = (ViewFlipper) findViewById(R.id.viewflipper);  
   
         gestureDetector = new GestureDetector(this);//手势监听  
   
         for (int i = 0; i < imgs.length; i++) { // 添加图片源  
             ImageView iv = new ImageView(this);  
             iv.setImageResource(imgs[i]);  
             iv.setScaleType(ImageView.ScaleType.FIT_XY);  
             viewFlipper.addView(iv, new LayoutParams(LayoutParams.FILL_PARENT,  
                     LayoutParams.FILL_PARENT));  
         }  
   
         viewFlipper.setAutoStart(true); // 设置自动播放功能（点击事件，前自动播放）  
         viewFlipper.setFlipInterval(3000);//间隔3秒  
         if (viewFlipper.isAutoStart() && !viewFlipper.isFlipping()) {  
             viewFlipper.startFlipping();  
         }  
     }  
   
     @Override  
     public boolean onTouchEvent(MotionEvent event) {  
         // TODO Auto-generated method stub  
         viewFlipper.stopFlipping(); // 点击事件后，停止自动播放  
         viewFlipper.setAutoStart(false);  
         return gestureDetector.onTouchEvent(event); // 注册手势事件  
     }  
   
     public boolean onDown(MotionEvent arg0) {  
         // TODO Auto-generated method stub  
         return false;  
     }  
   
     public boolean onFling(MotionEvent e1, MotionEvent e2, float arg2,  
             float arg3) {  
         if (e2.getX() - e1.getX() > 120) { // 从左向右滑动（左进右出）  
             Animation rInAnim = AnimationUtils.loadAnimation(mActivity,  
                 R.layout.push_right_in); // 向右滑动左侧进入的渐变效果（alpha 0.1 -> 1.0）  
             Animation rOutAnim = AnimationUtils.loadAnimation(mActivity,  
                     R.layout.push_right_out); // 向右滑动右侧滑出的渐变效果（alpha 1.0 -> 0.1）  
   
             viewFlipper.setInAnimation(rInAnim);  
             viewFlipper.setOutAnimation(rOutAnim);  
             viewFlipper.showPrevious();  
             return true;  
         } else if (e2.getX() - e1.getX() < -120) { // 从右向左滑动（右进左出）  
             Animation lInAnim = AnimationUtils.loadAnimation(mActivity,  
                     R.layout.push_left_in); // 向左滑动左侧进入的渐变效果（alpha 0.1 -> 1.0）  
             Animation lOutAnim = AnimationUtils.loadAnimation(mActivity,  
                     R.layout.push_left_out); // 向左滑动右侧滑出的渐变效果（alpha 1.0 -> 0.1）  
   
             viewFlipper.setInAnimation(lInAnim);  
             viewFlipper.setOutAnimation(lOutAnim);  
             viewFlipper.showNext();  
             return true;  
         }  
         return true;  
     }  
   
     public void onLongPress(MotionEvent arg0) {  
         // TODO Auto-generated method stub  
   
     }  
   
     public boolean onScroll(MotionEvent arg0, MotionEvent arg1, float arg2,  
             float arg3) {  
         // TODO Auto-generated method stub  
         return false;  
     }  
   
     public void onShowPress(MotionEvent arg0) {  
         // TODO Auto-generated method stub  
   
     }  
   
     public boolean onSingleTapUp(MotionEvent arg0) {  
         // TODO Auto-generated method stub  
         return false;  
     }  
   
 }  

2.active_main.xml:

[html]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>    
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    
     android:layout_width="fill_parent"    
     android:layout_height="fill_parent"    
     android:orientation="vertical" >    
     
     <ViewFlipper    
         android:id="@+id/viewflipper"    
         android:layout_width="fill_parent"    
         android:layout_height="fill_parent"/>    
     
 </LinearLayout>    

下面看四个动画文件，很简单.

1.push_left_in.xml

[html]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>      
 <set xmlns:android="http://schemas.android.com/apk/res/android" >      
     <translate      
         android:duration="1500"      
         android:fromXDelta="100%p"      
         android:toXDelta="0" />  <!-- 位移   -->  
       
     <alpha      
         android:duration="1500"      
         android:fromAlpha="0.1"      
         android:toAlpha="1.0" /> <!-- 渐变    -->  
 </set>   

2.push_left_out.xml

[html]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>      
 <set xmlns:android="http://schemas.android.com/apk/res/android" >      
     <translate      
         android:duration="1500"      
         android:fromXDelta="0"      
         android:toXDelta="-100%p" />      
       
     <alpha      
         android:duration="1500"      
         android:fromAlpha="1.0"      
         android:toAlpha="0.1" />      
 </set>     

3.push_right_in.xml

[html]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>      
 <set xmlns:android="http://schemas.android.com/apk/res/android" >      
     <translate      
         android:duration="1500"      
         android:fromXDelta="-100%p"      
         android:toXDelta="0" />      
       
     <alpha      
         android:duration="1500"      
         android:fromAlpha="0.1"      
         android:toAlpha="1.0" />      
 </set>    

4.push_right_out.xml

[html]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>      
 <set xmlns:android="http://schemas.android.com/apk/res/android" >      
     <translate      
         android:duration="1500"      
         android:fromXDelta="0"      
         android:toXDelta="100%p" />      
       
     <alpha      
         android:duration="1500"      
         android:fromAlpha="1.0"      
         android:toAlpha="0.1" />      
 </set>  

运行实例如下：