从零開始开发Android版2048 获取手势信息

Posted 2020-09-18 clnchanpin

       今天是尝试開始android版2048小游戏的第二天。在今天，我主要学习了怎样获取用户在屏幕滑动的手势，以及对布局进行了一些小小的完好。

       获取用户操作的手势（比方向左滑。向右滑等）主要用到了GestureDetector。这个类能够帮助我们获取一些常见的用户对屏幕的操作。比如单击、双击、按压、拖动等。详细的使用说明。大家能够查API也能够去百度，或者看我之前有一篇使用GestureDetector实现的小样例（http://blog.csdn.net/xiapinnong/article/details/21970419）在这里就不多说了。

以下还是看代码吧。相对与第一篇，我在代码中主要增加一个内部类MygestureDetector。而且让这个类实现了OnTouchListener和OnGestureListener这两个接口。

当中OnTouchListener这个接口主要用来为我的GridLayout绑定对touch这个动作的监听，然后将详细的动作传递到GestureDetector。通过将用户详细的操作相应到不同的手势上。

	public class MygestureDetector implements OnGestureListener,OnTouchListener{

		@Override
		public boolean onTouch(View v, MotionEvent event) {
			// TODO Auto-generated method stub		
			return gd.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) {
			
	        // 參数解释：      
	        // e1：第1个ACTION_DOWN MotionEvent      
	        // e2：最后一个ACTION_MOVE MotionEvent      
	        // velocityX：X轴上的移动速度，像素/秒      
	        // velocityY：Y轴上的移动速度。像素/秒      
	        
	        // 触发条件 ：      
	        // X轴的坐标位移大于FLING_MIN_DISTANCE，且移动速度大于FLING_MIN_VELOCITY个像素/秒    
			
			if(e1.getX()-e2.getX()>100){
				System.out.println("向左");
				return true;
			}else	if(e1.getX()-e2.getX()<-100){
				System.out.println("向右");
				return true;
			}else	if(e1.getY()-e2.getY()>100){
				System.out.println("向上");
				return true;
			}else	if(e1.getY()-e2.getY()<-00){
				System.out.println("向下");
				return true;
			}
			return false;
		}

		@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;
		}
		
	}

onFiling（）这个回调函数主要是指用户点击屏幕，并移动一小段距离。然后放开。

这种方法里的四个參数：

e1是指： 第1个ACTION_DOWN MotionEvent  

e2是指：  最后一个ACTION_MOVE MotionEvent     

velocityX：X轴上的移动速度，像素/秒     

  velocityY：Y轴上的移动速度。像素/秒  

（其他回调函数和參数的说明，能够參考这篇博客http://blog.csdn.net/xiapinnong/article/details/21970419）

推断用户手指滑动的方向：

通过比較e1和e2这两个MotinEvent的坐标来计算的

比方e1的x坐标减去e2的x坐标大于零。说明用户的手指是向左滑动的

然后我们须要声明并初始化一个GestureDetector相应，并传入我们的MygestureDetector的对象，然后为我们的GridLayout绑定onTouchListener

完整的Activity代码例如以下：

package com.example.t2048;


import java.util.ArrayList;
import java.util.List;
import java.util.Random;

import android.app.Activity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.GestureDetector.OnGestureListener;
import android.view.Menu;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.GridLayout;
import android.widget.ImageView;

public class MainActivity extends Activity {

	GridLayout gridLayout = null;
	
	//用于保存空格的位置
	List<Integer> spaceList = new ArrayList<Integer>();
	//用于保存有数字格的位置
	List<Integer> stuffList = new ArrayList<Integer>();
	
	GestureDetector gd = null;
	
	/**
	 * 图标数组
	 */
	private final int[] icons = { R.drawable.but_empty, R.drawable.but2,
			R.drawable.but4, R.drawable.but8, R.drawable.but16,
			R.drawable.but32, R.drawable.but64, R.drawable.but128,
			R.drawable.but256, R.drawable.but512, R.drawable.but1024,
			R.drawable.but2048, R.drawable.but4096 };
	
	protected void onCreate(Bundle savedInstanceState) {
		System.out.println("程序启动");
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		gridLayout = (GridLayout) findViewById(R.id.GridLayout1);
		init();
		
		MygestureDetector mg = new MygestureDetector();

		gd = new GestureDetector(mg);
		gridLayout.setOnTouchListener(mg);
		gridLayout.setLongClickable(true);
		
	}
	
	//初始化界面
	public void init(){
		System.out.println("初始化");
		
		//首先在16个各种都填上空白的图片
		for(int i=0;i<16;i++){
			View view = View.inflate(this, R.layout.item, null);
			ImageView image = (ImageView) view.findViewById(R.id.image);
			
			image.setBackgroundResource(icons[0]);		
			spaceList.add(i);
			gridLayout.addView(view);	
		}
		
		//在界面中随机增加两个2或者4
		addRandomItem();
		addRandomItem();
	}
	
	//从空格列表中随机获取位置
	public int getRandomIndex(){
		Random random = new Random();
		if(spaceList.size()>0)
		 return random.nextInt(spaceList.size());
		else 
		 return -1;	
	}
	
	//在空白格中随机增加数字2
	public void addRandomItem(){
		int index = getRandomIndex();
		if(index!=-1){
			//获取相应坐标所相应的View
			View view = gridLayout.getChildAt(spaceList.get(index));
			ImageView image = (ImageView) view.findViewById(R.id.image);
			//随机生成数字1或2
			int i = (int) Math.round(Math.random()+1);
			//将当前格子的图片置换为2或者4
			image.setBackgroundResource(icons[i]);	
			//在空白列表中去掉这个格子
			spaceList.remove(index);
		}
	}
	
	public class MygestureDetector implements OnGestureListener,OnTouchListener{

		@Override
		public boolean onTouch(View v, MotionEvent event) {
			// TODO Auto-generated method stub		
			return gd.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) {
			
	        // 參数解释：      
	        // e1：第1个ACTION_DOWN MotionEvent      
	        // e2：最后一个ACTION_MOVE MotionEvent      
	        // velocityX：X轴上的移动速度，像素/秒      
	        // velocityY：Y轴上的移动速度。像素/秒      
	        
	        // 触发条件 ：      
	        // X轴的坐标位移大于FLING_MIN_DISTANCE，且移动速度大于FLING_MIN_VELOCITY个像素/秒    
			
			if(e1.getX()-e2.getX()>100){
				System.out.println("向左");
				return true;
			}else	if(e1.getX()-e2.getX()<-100){
				System.out.println("向右");
				return true;
			}else	if(e1.getY()-e2.getY()>100){
				System.out.println("向上");
				return true;
			}else	if(e1.getY()-e2.getY()<-00){
				System.out.println("向下");
				return true;
			}
			return false;
		}

		@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;
		}
		
	}

	
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

程序执行界面例如以下（界面比較难看）：

用手指在GridLayout上滑动，在Log中能够打印出详细的滑动方向