android之OnGestureListener实现图片的左右滑动

先来看看效果图吧

welcome_glide.xml 

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

　　Java代码

import android.app.Activity;  
import android.content.Intent;  
import android.os.Bundle;  
import android.util.DisplayMetrics;  
import android.util.Log;  
import android.view.GestureDetector;  
import android.view.KeyEvent;  
import android.view.MotionEvent;  
import android.view.View;  
import android.view.ViewGroup;  
import android.view.Window;  
import android.view.WindowManager;  
import android.view.GestureDetector.OnGestureListener;  
import android.view.animation.AnimationUtils;  
import android.widget.ImageView;  
import android.widget.ViewFlipper;  
import static android.view.KeyEvent.KEYCODE_BACK;    
  
public class WelcomeGlide extends Activity implements OnGestureListener{  
    private static final String TAG = "Fuchangle.AggHelp";  
    private int mScreenWidth ;  
    private int mScreenHeight ;  
    private GestureDetector detector;  
    private ViewFlipper flipper;  
    private int mIndexHelpPic = 0;  
    private int[] mBgList = {  
            R.drawable.guide01,  
            R.drawable.guide02,  
            R.drawable.guide03,  
            R.drawable.guide04,  
            R.drawable.guide05  
    };  
      
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
          
        requestWindowFeature(Window.FEATURE_NO_TITLE);  
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);  
          
        setContentView(R.layout.welcome_glide);  
      
        DisplayMetrics dm =  new DisplayMetrics();  
        getWindowManager().getDefaultDisplay().getMetrics(dm);  
        mScreenWidth = dm.widthPixels;  
        mScreenHeight = dm.heightPixels;  
        if(mScreenWidth <240){  
            mScreenWidth = 240;  
        }  
          
        if(mScreenHeight < 320){  
            mScreenHeight = 320;  
        }  
        flipper = (ViewFlipper)this.findViewById(R.id.viewflipper);  
        flipper.addView(addImageByID(mBgList[mIndexHelpPic]), new ViewGroup.LayoutParams  
                (ViewGroup.LayoutParams.FILL_PARENT,ViewGroup.LayoutParams.FILL_PARENT));  
        detector = new GestureDetector(this);  
    }  
      
    @Override  
    public boolean onDown(MotionEvent e) {  
        return false;  
    }  
  
    @Override  
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,  
            float velocityY) {  
        if(e1.getX()-e2.getX() > 120){  
            if(++mIndexHelpPic >= mBgList.length){  
                mIndexHelpPic = mBgList.length - 1;  
                backToMainDesk();  
                return true;  
            }  
              
            this.flipper.setInAnimation(AnimationUtils.loadAnimation(this,R.anim.push_left_in));  
            this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.push_left_out));  
              
            flipper.addView(addImageByID(mBgList[mIndexHelpPic]),new ViewGroup.LayoutParams(  
                    ViewGroup.LayoutParams.FILL_PARENT, ViewGroup.LayoutParams.FILL_PARENT));  
            this.flipper.showNext();  
        }else if(e1.getX() - e2.getX()< -120){  
            if(--mIndexHelpPic < 0){  
                mIndexHelpPic = 0;  
                return true;  
            }  
              
            this.flipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.push_right_in));  
            this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.push_right_out));  
            this.flipper.showPrevious();  
            return true;  
        }  
        return true;  
    }  
      
    private void backToMainDesk(){  
        startActivity(new Intent(this,QQActivity.class));  
        finish();  
    }  
      
    @Override  
    public boolean onKeyDown(int keyCode, KeyEvent event) {    
           switch (keyCode) {    
              case KEYCODE_BACK:    
                 backToMainDesk();    
             return true;    
             default:    
                 break;    
           }    
           return super.onKeyDown(keyCode, event);    
       }    
  
      
    private View addImageByID(int id){  
        ImageView img = new ImageView(this);  
        img.setImageResource(id);  
        img.setAdjustViewBounds(true);  
        img.setMaxWidth(mScreenWidth);  
        img.setMaxHeight(mScreenHeight);  
        img.setScaleType(ImageView.ScaleType.FIT_XY);  
        return img;  
    }  
      
    @Override  
    public boolean onTouchEvent(MotionEvent event) {  
        Log.i("Fling",  "Activity onTouchEvent!");  
        return this.detector.onTouchEvent(event);    
    }  
      
    @Override  
    public void onLongPress(MotionEvent e) {  
    }  
  
    @Override  
    public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,float distanceY) {  
        return false;  
    }  
  
    @Override  
    public void onShowPress(MotionEvent e) {  
    }  
  
    @Override  
    public boolean onSingleTapUp(MotionEvent e) {  
        return false;  
    }  
      
}  

　　下面的文件放在res/anim里面 

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="1.0" android:toAlpha="1.0"  
    android:duration="500"/>  
</set>  

　　push_left_out.xml 

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

　　push_right_in.xml 

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

　　push_right_out.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="1.0" android:toAlpha="1.0"    
        android:duration="500" />    
</set>   

　　原文章地址：http://fuchangle.iteye.com/admin/blogs/1497208

 

 之二：

 

[code=java]
package com.sl.quwei.ui.manage;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.*;
import android.view.animation.AnimationUtils;
import android.widget.*;
import com.sl.quwei.QuweiApplication;
import com.sl.quwei.R;

import static android.view.KeyEvent.KEYCODE_BACK;

/**
* Created by IntelliJ IDEA.
* User: wulong
* Date: 12-2-22
* Time: 上午4:15
* To change this template use File | Settings | File Templates.
*/
public class AggHelp extends Activity implements GestureDetector.OnGestureListener {
private static final String TAG = "Quwei.AggHelp";
private int mScreenWidth = 240;
private int mScreenHeight = 320;
private GestureDetector detector;
private ViewFlipper flipper;
private int mIndexHelpPic = 0;
private int[] mBgList = {
R.drawable.agg_help01, //滑动需要的几张图片
R.drawable.agg_help02,
R.drawable.agg_help03,
R.drawable.agg_help04,
R.drawable.agg_help05,
R.drawable.agg_help06
};

/**
* Called when the activity is first created.
*/
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.agg_bangzhuzhiyin);

CharSequence title = getTitle();
String loginName = ((QuweiApplication) getApplication()).getLoginUserName();
String titleName = AggTools.getNewTitle(title, loginName);
setTitle(titleName);
DisplayMetrics dm = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);
mScreenWidth = dm.widthPixels;
mScreenHeight = dm.heightPixels;
if (mScreenWidth < 240) {
mScreenWidth = 240;
}

if (mScreenHeight < 320) {
mScreenHeight = 320;
}


flipper = (ViewFlipper) this.findViewById(R.id.ViewFlipper01);

// flipper.addView(addButtonByText("按钮"), new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));
flipper.addView(addImageByID(mBgList[mIndexHelpPic]), new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
detector = new GestureDetector(this);
}

private void backToMainDesk() {
startActivity(new Intent(this, AggManage.class));
finish();
}

public boolean onKeyDown(int keyCode, KeyEvent event) {
switch (keyCode) {
case KEYCODE_BACK:
backToMainDesk();
return true;
default:
break;
}
return super.onKeyDown(keyCode, event);
}

private View addImageByID(int id) {
ImageView img = new ImageView(this);
img.setImageResource(id);
img.setAdjustViewBounds(true);
img.setMaxWidth(mScreenWidth);
img.setMaxHeight(mScreenHeight);
img.setScaleType(ImageView.ScaleType.FIT_XY);
return img;
}

public View addButtonByText(String text) {
Button btn = new Button(this);
btn.setText(text);
return btn;
}

public View addTextByText(String text) {
TextView tv = new TextView(this);
tv.setText(text);
tv.setGravity(1);
return tv;
}

@Override
public boolean onTouchEvent(MotionEvent event) {
Log.i("Fling", "Activity onTouchEvent!");
return this.detector.onTouchEvent(event);
}

@Override
public boolean onDown(MotionEvent e) {
// TODO Auto-generated method stub
return false;
}

/**
* 监听滑动
*/
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
// TODO Auto-generated method stub
Log.i("Fling", "Fling Happened!");
if (e1.getX() - e2.getX() > 120) {
if (++mIndexHelpPic >= mBgList.length) {
mIndexHelpPic = mBgList.length - 1;
backToMainDesk();
return true;
}

this.flipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.push_left_in));
this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.push_left_out));
// this.flipper.addView(addTextByText("文本框"), new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));
flipper.addView(addImageByID(mBgList[mIndexHelpPic]), new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
this.flipper.showNext();
return true;
} else if (e1.getX() - e2.getX() < -120) {
if (--mIndexHelpPic < 0) {
mIndexHelpPic = 0;
return true;
}

this.flipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.push_right_in));
this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.push_right_out));
this.flipper.showPrevious();
return true;
}
return true;
}

@Override
public void onLongPress(MotionEvent e) {
// TODO Auto-generated method stub

}

@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
float distanceY) {
// TODO Auto-generated method stub
return false;
}

@Override
public void onShowPress(MotionEvent e) {
// TODO Auto-generated method stub

}

@Override
public boolean onSingleTapUp(MotionEvent e) {
// TODO Auto-generated method stub
return false;
}
}
[/code]

配置文件：

agg_bangzhuzhiyin.xml
[code=html]
<?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"
android:background="@drawable/agg_sub_bg">
<ViewFlipper android:id="@+id/ViewFlipper01"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
</ViewFlipper>
</LinearLayout>
[/code]

push_left_in.xml 放在anim
[code=html]
<?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.1" android:toAlpha="1.0"
android:duration="500" />
</set>
[/code]

push_left_out.xml放在anim

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

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

push_right_out.xml放在anim

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