ViewFlipper结合手势OnGestureListener制作的滑动切换效果

dengbaoleng

浏览: 1133303 次

最近访客更多访客>>

iams13

czmmiao

白xiao雪

hbysos

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (1482)

社区版块

存档分类

2012-04 ( 36)
2012-03 ( 43)
2012-02 ( 36)
更多存档...

import android.app.Activity;    
import android.os.Bundle;    
import android.view.GestureDetector;    
import android.view.MotionEvent;    
import android.view.View;    
import android.widget.Button;    
import android.widget.ViewFlipper;       
public class FlingSlideActivity extends Activity implements GestureDetector.OnGestureListener,GestureDetector.OnDoubleTapListener{    
    private ViewFlipper mViewFlipper;    
    private GestureDetector mGestureDetector;    
    /** Called when the activity is first created. */   
    @Override   
    public void onCreate(Bundle savedInstanceState) {    
        super.onCreate(savedInstanceState);    
        setContentView(R.layout.main);    
        mViewFlipper = (ViewFlipper) findViewById(R.id.flipper);    
        Button button1 = (Button) findViewById(R.id.Button1);       
        button1.setOnClickListener(new View.OnClickListener() {       
            public void onClick(View view) {    
                mViewFlipper.showNext();       
            }       
        });    
        Button button2 = (Button) findViewById(R.id.Button2);       
        button2.setOnClickListener(new View.OnClickListener() {       
            public void onClick(View view) {    
                mViewFlipper.showNext();       
            }       
        });          
        Button button3 = (Button) findViewById(R.id.Button3);       
        button3.setOnClickListener(new View.OnClickListener() {       
            public void onClick(View view) {    
                mViewFlipper.showNext();       
            }    
        });    
        mGestureDetector = new GestureDetector(this);    
    }    
    //别忘了覆盖onTouchEvent方法    
    @Override   
    public boolean onTouchEvent(MotionEvent event) {    
        return mGestureDetector.onTouchEvent(event);    
    }    
    //以下是OnGestureListener需要实现的方法    
    public boolean onDown(MotionEvent e) {    
        // TODO Auto-generated method stub    
        return false;    
    }    
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,    
            float velocityY) {    
        // TODO Auto-generated method stub    
        if(e1.getX() > e2.getX()) {//向左滑动    
            mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_left_in);       
            mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_left_out);       
           mViewFlipper.showNext();       
       }else if(e1.getX() < e2.getX()) {//向右滑动    
           mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_right_in);       
           mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_right_out);       
           mViewFlipper.showPrevious();       
       }else {       
           return false;       
       }       
       return true;    
    }    
   
    public void onLongPress(MotionEvent e) {    
        // TODO Auto-generated method stub    
            
    }    
   
    public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,    
            float distanceY) {    
        // TODO Auto-generated method stub    
        return false;    
    }    
   
    public void onShowPress(MotionEvent e) {    
        // TODO Auto-generated method stub    
            
    }    
   
    public boolean onSingleTapUp(MotionEvent e) {    
        // TODO Auto-generated method stub    
        return false;    
    }    
    //以下是OnDoubleTapListener需要实现的方法    
    public boolean onDoubleTap(MotionEvent e) {    
        // TODO Auto-generated method stub    
           mViewFlipper.startFlipping(); //双击自动切换界面    
           return true;    
    }    
    public boolean onDoubleTapEvent(MotionEvent e) {    
        // TODO Auto-generated method stub    
        return false;    
    }    
    public boolean onSingleTapConfirmed(MotionEvent e) {    
        // TODO Auto-generated method stub    
        if(mViewFlipper.isFlipping()){ //单击结束自动切换    
            mViewFlipper.stopFlipping();    
        }    
        return false;    
    }    
        
}

main.xml

<?xml version="1.0" encoding="utf-8"?>   
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   
    android:orientation="vertical"   
    android:layout_width="fill_parent"   
    android:layout_height="fill_parent"   
    >   
    <ViewFlipper android:id="@+id/flipper"      
       android:layout_width="fill_parent"        
       android:layout_height="fill_parent"      
       android:persistentDrawingCache="animation"      
       android:flipInterval="3000"   
       android:inAnimation="@anim/push_left_in"      
       android:outAnimation="@anim/push_left_out"   
       >   
       <LinearLayout       
           android:orientation="vertical"      
           android:layout_width="fill_parent"        
           android:layout_height="fill_parent">       
           <Button       
              android:text="Next1"        
              android:id="@+id/Button1"      
              android:layout_width="fill_parent"        
              android:layout_height="wrap_content">       
           </Button>       
           <ImageView       
              android:id="@+id/image1"        
              android:src="@drawable/icon"      
              android:layout_width="fill_parent"      
              android:layout_height="wrap_content">       
           </ImageView>       
       </LinearLayout>       
        
       <LinearLayout       
           android:orientation="vertical"      
           android:layout_width="fill_parent"        
           android:layout_height="fill_parent">       
           <Button       
              android:text="Next2"        
              android:id="@+id/Button2"      
              android:layout_width="fill_parent"        
              android:layout_height="wrap_content">       
           </Button>       
           <ImageView       
              android:id="@+id/image2"        
              android:src="@drawable/icon"      
              android:layout_width="fill_parent"      
              android:layout_height="wrap_content">       
           </ImageView>       
       </LinearLayout>       
              
       <LinearLayout       
           android:orientation="vertical"      
           android:layout_width="fill_parent"        
           android:layout_height="fill_parent">       
           <Button       
              android:text="Next3"        
              android:id="@+id/Button3"      
              android:layout_width="fill_parent"        
              android:layout_height="wrap_content">       
           </Button>       
           <ImageView       
              android:id="@+id/image3"        
              android:src="@drawable/icon"      
              android:layout_width="fill_parent"      
              android:layout_height="wrap_content">       
           </ImageView>       
       </LinearLayout>   
    </ViewFlipper>   
</LinearLayout>

4个动画文件：

push_left_in.xml

<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:fromXDelta="100%p" android:toXDelta="0" android:duration="500"/> <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="500" /> </set> push_left_out.xml

push_right_in.xml
push_right_out.xml

分享到：