android Gesture 简单Demo 源码

最新推荐文章于 2021-01-25 17:42:37 发布

wanzdhan

最新推荐文章于 2021-01-25 17:42:37 发布

阅读量1.7k

点赞数 3

分类专栏： Android学习文章标签： android velocity distance animation encoding action

本文链接：https://blog.csdn.net/wanzdhan/article/details/7037564

版权

Android学习专栏收录该内容

9 篇文章 0 订阅

订阅专栏

今天想学习一下anddroid Gesture.在网上找了些资料，自己写了个小Demo.

实现了手动拖动图片

用户可以从左往右、从右往左、从上到下、从下到上拖动图片。

图片进入时添加了简单的Animation动画.

有需要的同学可以下载下来看看。

擦擦，发现不能上传rar文件

那只能贴出来了。。

Java类：

package com.covics.zfh;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.GestureDetector.OnGestureListener;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

public class HelloGestureActivity extends Activity implements OnTouchListener, OnGestureListener{
	
	private static final String TAG = "GestureActivity------->";
	
	private GestureDetector mGestureDetector = new GestureDetector(this);
	private TextView tv;
	private ImageView ivImage;
	private int[] imageId = {R.drawable.sample_0, R.drawable.sample_1, R.drawable.sample_2, R.drawable.sample_3,
							 R.drawable.sample_4, R.drawable.sample_5, R.drawable.sample_6, R.drawable.sample_7};
	private int mCurrentIndex = 0;
	private Animation leftInAnimation;
	private Animation upInAnimation;
	private Animation rightInAnimation;
	private Animation downInAnimation;
	private Context mContext;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        mContext = getApplicationContext();
        init();
        
        ivImage.setOnTouchListener(this);
        ivImage.setFocusable(true);
        ivImage.setClickable(true);
        ivImage.setLongClickable(true);
        ivImage.setImageResource(imageId[mCurrentIndex]);
        mGestureDetector.setIsLongpressEnabled(true);
    }
    
    private void init(){
        ivImage = (ImageView) findViewById(R.id.image);
        leftInAnimation = AnimationUtils.loadAnimation(mContext, R.anim.left_in);
        upInAnimation = AnimationUtils.loadAnimation(mContext, R.anim.up_in);
        rightInAnimation = AnimationUtils.loadAnimation(mContext, R.anim.right_in);
        downInAnimation = AnimationUtils.loadAnimation(mContext, R.anim.down_in);
    }

    // 在onTouch()方法中我们调用GestureDetector的onTouchEvent方法，将捕捉到 的
    // MotionEvent交给GestureDetector 来分析是否有合适的callBack函数来处理手势
	@Override
	public boolean onTouch(View v, MotionEvent event) {
		// TODO Auto-generated method stub
		return mGestureDetector.onTouchEvent(event);
	}
    
	// 用户轻点触摸屏，由1个MotionEvent ACTION_DOWN触发
	@Override
	public boolean onDown(MotionEvent e) {
		return false;
	}

	// 用户轻触触摸屏后松开，由1个MotionEvent ACTION_UP触发
	@Override
	public boolean onSingleTapUp(MotionEvent e) {
		// TODO Auto-generated method stub
		return false;
	}

	// 用户轻点触摸屏，尚末松开或者拖动，由1个MotionEvent ACTION_DOWN触发
	// 注意和onDown()的区别，是没有松开或者拖动的状态
	@Override
	public void onShowPress(MotionEvent e) {
		// TODO Auto-generated method stub
	}

	// 用户按下触摸屏并拖动 由1个MotionEvent EVENT_DOWN 多个EVENT_MOVE触发
	@Override
	public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
			float distanceY) {
		// TODO Auto-generated method stub
		return false;
	}

	// 用户长按触摸屏，由多个MotionEvent EVENT_DOWN触发
	@Override
	public void onLongPress(MotionEvent e) {
		// TODO Auto-generated method stub
		
	}

	// 用户按下触摸屏，快速移动后松开，由1个MotionEvent ACTION_DOWN 
	// 多个EVENT_MOVE 和1个EVENT_UP触发
	@Override
	public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
			float velocityY) {
		// TODO Auto-generated method stub
		// 参数解释：   
	    // e1：第1个ACTION_DOWN MotionEvent   
	    // e2：最后一个ACTION_MOVE MotionEvent   
	    // velocityX：X轴上的移动速度，像素/秒   
	    // velocityY：Y轴上的移动速度，像素/秒   
	  
	    // 触发条件 ：   
	    // X轴的坐标位移大于FLING_MIN_DISTANCE，且移动速度大于FLING_MIN_VELOCITY个像素/秒
		int FLING_MIN_DISTANCE = 100; 
		int FLING_MIN_VELOCITY = 200;
		if ((e1.getX() - e2.getX()) > FLING_MIN_DISTANCE && Math.abs(velocityX) > FLING_MIN_VELOCITY) {

			System.out.println(TAG + "onFling left");
			if (mCurrentIndex == imageId.length - 1) {
				Toast.makeText(mContext, "当前已经是最后一张了", Toast.LENGTH_LONG).show();
			} else {
				mCurrentIndex++;
				leftInAnimation = AnimationUtils.loadAnimation(mContext, R.anim.left_in);
				ivImage.setAnimation(leftInAnimation);
				ivImage.setImageResource(imageId[mCurrentIndex]);
			}
		} else if ((e2.getX() - e1.getX()) > FLING_MIN_DISTANCE && Math.abs(velocityX) > FLING_MIN_VELOCITY) {
			
			System.out.println(TAG + "onFling right");
			if (mCurrentIndex == 0) {
				
				Toast.makeText(mContext, "当前已经是第一张了", Toast.LENGTH_LONG).show();
			} else {
				mCurrentIndex--;
				rightInAnimation = AnimationUtils.loadAnimation(mContext, R.anim.right_in);
				ivImage.setAnimation(rightInAnimation);
				ivImage.setImageResource(imageId[mCurrentIndex]);
			}
		} else if ((e1.getY() - e2.getY()) > FLING_MIN_DISTANCE && Math.abs(velocityY) > FLING_MIN_VELOCITY) {
			System.out.println(TAG + "onFling up");
			if (mCurrentIndex == imageId.length - 1) {
				Toast.makeText(mContext, "当前已经是最后一张了", Toast.LENGTH_LONG).show();
			} else {
				mCurrentIndex++;
//				ivImage.setAnimation(rightOutAnimation);
//				leftInAnimation.setDuration(1000);
				upInAnimation = AnimationUtils.loadAnimation(mContext, R.anim.up_in);
				ivImage.setAnimation(upInAnimation);
				ivImage.setImageResource(imageId[mCurrentIndex]);
			}
		} else if ((e2.getY() - e1.getY()) > FLING_MIN_DISTANCE && Math.abs(velocityY) > FLING_MIN_VELOCITY) {
			System.out.println(TAG + "onFling down");
			if (mCurrentIndex == 0) {
				Toast.makeText(mContext, "当前已经是第一张了", Toast.LENGTH_LONG).show();
			} else {
				mCurrentIndex--;
				downInAnimation = AnimationUtils.loadAnimation(mContext, R.anim.down_in);
				ivImage.setAnimation(downInAnimation);
				ivImage.setImageResource(imageId[mCurrentIndex]);
			}
		}
		return false;
	}

}

下面是动画效果XML实现
down_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <translate
        android:fromYDelta="-100%p"
        android:toYDelta="0"
        android:duration="900"
     />
</set>

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="800"
     />
</set>

right_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="800"
     />
</set>

up_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <translate
        android:fromYDelta="100%p"
        android:toYDelta="0"
        android:duration="900"
     />
</set>

布局文件：
main.xml:

<?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" >

    <TextView
        android:id="@+id/tv"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/hello" />
	<ImageView 
	    android:id="@+id/image"
	    android:layout_width="fill_parent"
	    android:layout_height="fill_parent"
	    />
</LinearLayout>

记得添加图片哈。