Android多点触摸

安卓手机中，多点触摸是是最基本的操作，下面就使用程序进行演示多点触摸操作

一、获取触摸事件中的点击，移动和抬起事件，创建新的安卓项目，如下面代码所示，分别为MainActivity类代码和Layout布局文件，用于实现获取点击事件

1.1、MainActivity类中代码，代码中为布局对象root添加监听事件，使用switch进行对屏幕时间进行判断，用于判断事件的按下还是移动，在代码中

     root=(RelativeLayout) findViewById(R.id.content);用于绑定布局文件中的id，用于进行监听整个页面；

     root.setOnTouchListener(new OnTouchListener()用于设置监听事件，监听屏幕；

     public boolean onTouch(View v, MotionEvent event)用于对触目事件进行响应；

     switch用于对事件响应时进行判断，判断是什么类型的触摸，然后进行对事件响应；

     System.out.println("Action Move");System.out.println(String.format("x:%f,y:%f",event.getX(),event.getY()));用于输出相应的类型与坐标

下面就是详细代码：

[java] view plain copy

1. package com.lutsoft.android_010_multouch;  
2. import android.app.Activity;  
3. import android.os.Bundle;  
4. import android.view.MotionEvent;  
5. import android.view.View;  
6. import android.view.View.OnTouchListener;  
7. import android.widget.FrameLayout;  
8. import android.widget.ImageView;  
9. import android.widget.RelativeLayout;  
10. import android.widget.RelativeLayout.LayoutParams;  
11. public class MainActivity extends Activity {  
12.     private RelativeLayout root;  
13.     @Override  
14.     protected void onCreate(Bundle savedInstanceState) {  
15.         super.onCreate(savedInstanceState);  
16.         setContentView(R.layout.activity_main);  
17.         root=(RelativeLayout) findViewById(R.id.content);  
18.         root.setOnTouchListener(new OnTouchListener() {  
19.             @Override  
20.             public boolean onTouch(View v, MotionEvent event) {  
21.                 switch (event.getAction()) {  
22.                 case MotionEvent.ACTION_DOWN:  
23.                     System.out.println("Action down");  
24.                     break;  
25.                 case MotionEvent.ACTION_MOVE:  
26.                     System.out.println("Action Move");  
27.                     System.out.println(String.format("x:%f,y:%f",event.getX(),event.getY()));  
28.                     break;  
29.                 case MotionEvent.ACTION_UP:  
30.                     System.out.println("Action up");  
31.                     break;  
32.                 }  
33.                 return true;  
34.             }  
35.         });  
36.     }  
37. }  

1.2 布局文件activity_main.xml代码如下所示，此时布局中不需要任何文件，在代码中，Android:id="@+id/content"用于为整个布局设置id，方便在类中的使用。

[java] view plain copy

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:id="@+id/content"  
6.     android:paddingBottom="@dimen/activity_vertical_margin"  
7.     android:paddingLeft="@dimen/activity_horizontal_margin"  
8.     android:paddingRight="@dimen/activity_horizontal_margin"  
9.     android:paddingTop="@dimen/activity_vertical_margin"  
10.     tools:context="com.lutsoft.android_010_multouch.MainActivity" >  
11.     
12. </RelativeLayout>  

1.3、在点击运行之后，在点击界面之后在logcat中我们能够看到有如下信息输出：

 

二、设置图片的移动操作

2.1、在获取了点击事件之后，我们进行设置图片的移动，实现一个图片的移动，首先我们需要在布局文件中添加ImageView组件，在组件中设置宽高与图片来源，代码如下所示（即将下面代码添加到上面的activity_main.xml页面）：

[java] view plain copy

1. <ImageView  
2.     android:id="@+id/iv"  
3.     android:layout_width="wrap_content"  
4.     android:layout_height="wrap_content"  
5.     android:src="@drawable/ic_launcher" />  

下面是添加代码后的图形化界面：

 

 

 

2.2、在编写完布局文件之后，我们需要对MainActivity中的代码进行添加相应的响应事件，其代码如下所示：

在代码中，

   iv=(ImageView) findViewById(R.id.iv);用于实现绑定布局文件activity-main.xml文件中的ImageView组件的对象；

   RelativeLayout.LayoutParams lp=(LayoutParams) iv.getLayoutParams();

   lp.leftMargin=(int) event.getX();

   lp.topMargin=(int) event.getY();

   iv.setLayoutParams(lp);//用于获取布局参数，对ImageView组件中的参数进行修改，实现图片的动态布局，即实现拖动功能

下面就是MainActivity的详细代码：

[java] view plain copy

1. package com.lutsoft.android_010_multouch;  
2. import android.app.Activity;  
3. import android.os.Bundle;  
4. import android.view.MotionEvent;  
5. import android.view.View;  
6. import android.view.View.OnTouchListener;  
7. import android.widget.FrameLayout;  
8. import android.widget.ImageView;  
9. import android.widget.RelativeLayout;  
10. import android.widget.RelativeLayout.LayoutParams;  
11. public class MainActivity extends Activity {  
12.     private RelativeLayout root;  
13.     private ImageView iv;  
14.     @Override  
15.     protected void onCreate(Bundle savedInstanceState) {  
16.         super.onCreate(savedInstanceState);  
17.         setContentView(R.layout.activity_main);  
18.         iv=(ImageView) findViewById(R.id.iv);  
19.         root=(RelativeLayout) findViewById(R.id.content);  
20.         root.setOnTouchListener(new OnTouchListener() {  
21.             @Override  
22.             public boolean onTouch(View v, MotionEvent event) {  
23.                 switch (event.getAction()) {  
24.                 case MotionEvent.ACTION_DOWN:  
25.                     System.out.println("Action down");  
26.                     break;  
27.                 case MotionEvent.ACTION_MOVE:  
28.                     System.out.println("Action Move");  
29.                     RelativeLayout.LayoutParams lp=(LayoutParams) iv.getLayoutParams();  
30.                     lp.leftMargin=(int) event.getX();  
31.                     lp.topMargin=(int) event.getY();  
32.                     iv.setLayoutParams(lp);  
33.                     System.out.println(String.format("x:%f,y:%f",event.getX(),event.getY()));  
34.                     break;  
35.                 case MotionEvent.ACTION_UP:  
36.                     System.out.println("Action up");  
37.                     break;  
38.                 }  
39.                 return true;  
40.             }  
41.         });  
42.     }  
43. }  

2.3、在实现以上功能之后，我们能够运行，拖动手机屏幕中的图标，图标会跟随着移动

三、在上面的操作中，无法判断点击屏幕时所使用的触摸点，下面我们就来实现跟踪触摸点，在跟踪触摸点时，不需要更改其他任何部分，只需要将onTouch函数代码中进行修改，代码修改如下所示：

[java] view plain copy

1. @Override  
2.             public boolean onTouch(View v, MotionEvent event) {  
3.                 switch (event.getAction()) {  
4.                 case MotionEvent.ACTION_DOWN:  
5.                     System.out.println("Action down");  
6.                     break;  
7.                 case MotionEvent.ACTION_MOVE:  
8.                     System.out.println("Action Move");  
9.                     System.out.println("Pointer Count:"+event.getPointerCount());  
10.                     System.out.println(String.format("x1:%f,y1:%f  x2:%f,y2:%f",event.getX(0),event.getY(0),event.getX(1),event.getY(1)));  
11.                 /*  RelativeLayout.LayoutParams lp=(LayoutParams) iv.getLayoutParams(); 
12.                     lp.leftMargin=(int) event.getX(); 
13.                     lp.topMargin=(int) event.getY(); 
14.                     iv.setLayoutParams(lp); 
15.                     System.out.println(String.format("x:%f,y:%f",event.getX(),event.getY())); 
16.                 */  break;  
17.                 case MotionEvent.ACTION_UP:  
18.                     System.out.println("Action up");  
19.                     break;  
20.                 }  
21.                 return true;  
22.             }  

修改之后运行程序，当我们在屏幕上进行分别用一个触摸点或多个触摸点点击时，能够在Logcat中进行相应的输出。

四、实现图片的缩放

4.1、在实现图片的缩小与放大时，我们仍然修改onTouch函数代码，修改如下所示，在代码中，

      float offsetX=event.getX(0)-event.getX(1);float offsetY=event.getY(0)-event.getY(1);用于记录触屏的改变量；

      currentDistance=(float) Math.sqrt(offsetX*offsetX+offsetY*offsetY);根据该变量，根据勾股定理进行判断缩放；

      RelativeLayout.LayoutParams lp=(LayoutParams) iv.getLayoutParams();

     

     

     

     

下面是详细的代码：

[java] view plain copy

1. @Override  
2.             public boolean onTouch(View v, MotionEvent event) {  
3.                 switch (event.getAction()) {  
4.                 case MotionEvent.ACTION_DOWN:  
5.                     System.out.println("Action down");  
6.                     break;  
7.                 case MotionEvent.ACTION_MOVE:  
8.                     //System.out.println("Action Move");  
9.                     if(event.getPointerCount()>=2)  
10.                     {  
11.                         float offsetX=event.getX(0)-event.getX(1);  
12.                         float offsetY=event.getY(0)-event.getY(1);  
13.                         currentDistance=(float) Math.sqrt(offsetX*offsetX+offsetY*offsetY);  
14.                         if(lastDisance<0)  
15.                         {  
16.                             lastDisance=currentDistance;  
17.                         }  
18.                         else  
19.                         {  
20.                             if (currentDistance-lastDisance>5) {  
21.                                 System.out.println("放大");  
22.                                 RelativeLayout.LayoutParams lp=(LayoutParams) iv.getLayoutParams();  
23.                                 lp.width=(int) (1.1f*iv.getWidth());  
24.                                 lp.height=(int) (1.1f*iv.getHeight());  
25.                                 iv.setLayoutParams(lp);  
26.                                 lastDisance=currentDistance;  
27.                             }  
28.                             else if(lastDisance-currentDistance>5)  
29.                             {  
30.                                 System.out.println("缩小");  
31.                                 RelativeLayout.LayoutParams lp=(LayoutParams) iv.getLayoutParams();  
32.                                 lp.width=(int) (0.9f*iv.getWidth());  
33.                                 lp.height=(int) (0.9f*iv.getHeight());  
34.                                 iv.setLayoutParams(lp);  
35.                                 lastDisance=currentDistance;  
36.                             }  
37.                         }  
38.                     }  
39.                       
40.                     //System.out.println("Pointer Count:"+event.getPointerCount());  
41.                     //System.out.println(String.format("x1:%f,y1:%f  x2:%f,y2:%f",event.getX(0),event.getY(0),event.getX(1),event.getY(1)));  
42.                 /*  RelativeLayout.LayoutParams lp=(LayoutParams) iv.getLayoutParams(); 
43.                     lp.leftMargin=(int) event.getX(); 
44.                     lp.topMargin=(int) event.getY(); 
45.                     iv.setLayoutParams(lp); 
46.                     System.out.println(String.format("x:%f,y:%f",event.getX(),event.getY())); 
47.                 */  break;  
48.                 case MotionEvent.ACTION_UP:  
49.                     System.out.println("Action up");  
50.                     break;  
51.                 }  
52.                 return true;  
53.             }  

4.2、在完成代码编写工作之后，我们能够通过触摸点间距的大小进行判断图片的缩放，当距离增大时，图片放大，距离减小时，图片缩小，其结果如下所示：

（1）原图

 

（2）放大

 

（3）缩小

 

 

 

以上就是安卓屏幕的多点触摸事件的使用