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中我们能够看到有如下信息输出：

Android多点触摸

 


二、设置图片的移动操作

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

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

Android多点触摸

 

 

 

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）原图

Android多点触摸

 

（2）放大

Android多点触摸

 

（3）缩小

Android多点触摸

 

 

 

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

相关文章：

  • 2021-09-18
  • 2022-12-23
  • 2021-05-17
  • 2022-12-23
  • 2021-11-24
  • 2022-12-23
  • 2021-06-08
  • 2021-07-21
猜你喜欢
  • 2021-07-03
  • 2021-07-18
  • 2021-12-05
  • 2022-01-31
  • 2021-05-19
相关资源
相似解决方案
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode