Android开发实例之多点触控程序

智能终端设备的多点触控操作为我们带来了种种炫酷体验,这也使得很多Android开发者都对多点触控程序的开发感兴趣。实际上多点触控程序的实现并不是那么遥不可及,而是比较容易。本文就主要通过一个实例具体讲解多点触控程序的实现。

       首先来了解一下Android中多点触控的原理。

Android多点触控在本质上需要LCD驱动和程序本身设计上支持,目前市面上HTC、Motorola和Samsung等知名厂商只要使用电容屏触控原理的手机均可以支持多点触控Multitouch技术,对于网页缩放、手势操作上有更好的用户体验。 在Android平台上事件均使用了MotionEvent对象方式处理,比如开始触控时会触发ACTION_DOWN,而移动操作时为ACTION_MOVE,最终放开手指时触发ACTION_UP事件。当然还有用户无规则的操作可能触发ACTION_CANCEL这个动作。

对于常规的触控操作我们都是使用内部为View的setOnTouchListener()接口实现的onTouchEvent()方法来处理。因此对于onTouchEvent方法的参数MotionEvent我们需要有一定得了解,比如:

Java代码

event.getAction() //获取触控动作比如ACTION_DOWN
event.getPointerCount(); //获取触控点的数量,比如2则可能是两个手指同时按压屏幕
event.getPointerId(nID); //对于每个触控的点的细节,我们可以通过一个循环执行getPointerId方法获取索引
event.getX(nID); //获取第nID个触控点的x位置
event.getY(nID); //获取第nID个点触控的y位置
event.getPressure(nID); //LCD可以感应出用户的手指压力,当然具体的级别由驱动和物理硬件决定的
event.getDownTime() //按下开始时间
event.getEventTime() // 事件结束时间
event.getEventTime()-event.getDownTime()); //总共按下时花费时间

      下面,我们根据一个项目来讲解如何实现多点触控。

在上代码之前先来看看此实例的运行效果图:

以下是实现步骤:

1、创建一个Android项目,命名为MultitouchVisible。

2、在该项目内,新建一个view,继承SurfaceView,并实现了Callback接口,这里我们命名该类为MyView.java,下面是该类地具体实现代码:

Java代码

public class MyView extends SurfaceView implements SurfaceHolder.Callback{
  MultitouchVisible father;  

  private static final int MAX_TOUCHPOINTS = 10;
  private static final String START_TEXT = "请随便触摸屏幕进行测试";
  private Paint textPaint = new Paint();
  private Paint touchPaints[] = new Paint[MAX_TOUCHPOINTS];
  private int colors[] = new int[MAX_TOUCHPOINTS];
  private int width, height;
// private float scale = 1.0f;   

  public MyView(MultitouchVisible father) {
    super(father);
    // TODO Auto-generated constructor stub
    this.father=father;
    SurfaceHolder holder = getHolder();
    holder.addCallback(this);
    setFocusable(true); // 确保我们的View能获得输入焦点
    setFocusableInTouchMode(true); // 确保能接收到触屏事件
    init();
  }
   private void init() {
     // 初始化10个不同颜色的画笔
     textPaint.setColor(Color.WHITE);
     colors[0] = Color.BLUE;
     colors[1] = Color.RED;
     colors[2] = Color.GREEN;
     colors[3] = Color.YELLOW;
     colors[4] = Color.CYAN;
     colors[5] = Color.MAGENTA;
     colors[6] = Color.DKGRAY;
     colors[7] = Color.WHITE;
     colors[8] = Color.LTGRAY;
     colors[9] = Color.GRAY;
     for (int i = 0; i < MAX_TOUCHPOINTS; i++) {
       touchPaints[i] = new Paint();
       touchPaints[i].setColor(colors[i]);
     }
  }
   /*
  * 处理触屏事件
   */
   @Override
   public boolean onTouchEvent(MotionEvent event) {
    // 获得屏幕触点数量
     int pointerCount = event.getPointerCount();
     if (pointerCount > MAX_TOUCHPOINTS) {
       pointerCount = MAX_TOUCHPOINTS;
       }
     // 锁定Canvas,开始进行相应的界面处理
     Canvas c = getHolder().lockCanvas();
    if (c != null) {
      c.drawColor(Color.BLACK);
      if (event.getAction() == MotionEvent.ACTION_UP) {
         // 当手离开屏幕时,清屏
         }
      else {
         // 先在屏幕上画一个十字,然后画一个圆
         for (int i = 0; i < pointerCount; i++) {
          // 获取一个触点的坐标,然后开始绘制
           int id = event.getPointerId(i);
           int x = (int) event.getX(i);
           int y = (int) event.getY(i);
           drawCrosshairsAndText(x, y, touchPaints[id], i, id, c);
         }
         for (int i = 0; i < pointerCount; i++) {
           int id = event.getPointerId(i);
           int x = (int) event.getX(i);
           int y = (int) event.getY(i);
           drawCircle(x, y, touchPaints[id], c);
         }
      }
      // 画完后,unlock
       getHolder().unlockCanvasAndPost(c);
    }
    return true;
  }
   /**
   * 画十字及坐标信息
   */
   private void drawCrosshairsAndText(int x, int y, Paint paint, int ptr,int id, Canvas c) {
     c.drawLine(0, y, width, y, paint);
     c.drawLine(x, 0, x, height, paint);
     int textY = (int) (5 + 20 * ptr);
     c.drawText("x" + ptr + "=" + x, 10 , textY, textPaint);
     c.drawText("y" + ptr + "=" + y, 70 , textY, textPaint);
     c.drawText("id" + ptr + "=" + id, width - 55 , textY, textPaint);
   }
  /**
   * 画圆
  */
   private void drawCircle(int x, int y, Paint paint, Canvas c) {
     c.drawCircle(x, y, 40 , paint);
   }
  @Override
  public void surfaceChanged(SurfaceHolder holder, int format, int width,
      int height) {
    // TODO Auto-generated method stub
    this.width = width;
    this.height = height;
    textPaint.setTextSize(14);
    Canvas c = getHolder().lockCanvas();
    if (c != null) {
      // 背景黑色
      c.drawColor(Color.BLACK);
      float tWidth = textPaint.measureText(START_TEXT);
      c.drawText(START_TEXT, width / 2 - tWidth / 2, height / 2, textPaint);
      getHolder().unlockCanvasAndPost(c);
    }
  }
  @Override
  public void surfaceCreated(SurfaceHolder holder) {
    // TODO Auto-generated method stub  

  }  

  @Override
  public void surfaceDestroyed(SurfaceHolder holder) {
    // TODO Auto-generated method stub  

  }
}

3、修改主Activity类,把该view放到setContentView()中显示,具体实现如下:

Java代码

public class MultitouchVisible extends Activity {
  /** Called when the activity is first created. */
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    //隐藏标题栏
    requestWindowFeature(Window.FEATURE_NO_TITLE);
    //设置成全屏
    getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
    WindowManager.LayoutParams.FLAG_FULLSCREEN);
    //设置为上面的MTView
    setContentView(new MyView(this));
  }
}

4、到此,项目已经完成,可见多点触控实现起来并不难!运行此实例程序就能得到如上面效果图中的界面。

以上就是对Android多点触控的资料整理,后续继续整理相关资料,谢谢大家对本站的支持。

(0)

相关推荐

  • Android触屏测试实例代码

    本文实例详细描述了Android触屏测试代码,可实现对触屏的点击.移动.离开等事件的处理,对于Android初学者有很好的借鉴价值. 具体功能代码如下: package com.test; import android.app.Activity; import android.os.Bundle; import android.util.DisplayMetrics; import android.util.Log; import android.view.MotionEvent; import

  • Android多点触控实现对图片放大缩小平移,惯性滑动等功能

    文章将在原有基础之上做了一些扩展功能: 1.图片的惯性滑动 2.图片缩放小于正常比例时,松手会自动回弹成正常比例 3.图片缩放大于最大比例时,松手会自动回弹成最大比例 实现图片的缩放,平移,双击缩放等基本功能的代码如下,每一行代码我都做了详细的注释 public class ZoomImageView extends ImageView implements ScaleGestureDetector.OnScaleGestureListener, View.OnTouchListener , V

  • Android编程实现两点触控功能示例

    本文实例讲述了Android编程实现两点触控功能.分享给大家供大家参考,具体如下: 下面是一个两点触控的案例代码: package com.zzj; import android.app.Activity; import android.os.Bundle; import android.view.MotionEvent; public class AndroidTestActivity extends Activity { private float x0, y0; private float

  • Android多点触控技术实战 针对图片自由缩放和移动

    在上一篇文章中我带着大家一起实现了Android瀑布流照片墙的效果,虽然这种效果很炫很酷,但其实还只能算是一个半成品,因为照片墙中所有的图片都是只能看不能点的.因此本篇文章中,我们就来对这一功能进行完善,加入点击图片就能浏览大图的功能,并且在浏览大图的时候还可以通过多点触控的方式对图片进行缩放. 如果你还没有看过 Android瀑布流照片墙实现,体验不规则排列的美感 这篇文章,请尽量先去阅读完再来看本篇文章,因为这次的代码完全是在上次的基础上进行开发的. 那我们现在就开始动手吧,首先打开上次的P

  • Android 通过触摸动态地在屏幕上画矩形效果

    需求概述: 在屏幕上用手指画出一个区域,返回所圈的区域坐标. 技术实现: 自定义View,设置画笔及对应参数,在onTouchEvent()回调函数里,对触摸事件进行判断.画出矩形图形. 代码: 自定义View: public class GameView extends View { // 声明Paint对象 private Paint mPaint = null; private int StrokeWidth = 5; private Rect rect = new Rect(0,0,0,

  • Android实现多点触控,自由缩放图片的实例代码

    Android多点触控涉及到的知识点 1.ScaleGestureDetector 2.OnScaleGestureListener 3.Matrix 4.OnTouchListener 四个知识点需要了解一下,需要注意的是Matrix在内存中是一个一维数组,操控图片的Matrxi是一个3X3的矩阵,在内存中也就是一个大小为9的一维数组. 实现多点触控,自由变化图片 1. ImageView的基础上继承 2.因为要在图片加载完成就获取到相关的属性,所以实现OnGlobalLayoutListen

  • Android多点触控实现图片自由缩放

    Android多点触控涉及到的知识点 1.ScaleGestureDetector 2.OnScaleGestureListener 3.Matrix 4.OnTouchListener 四个知识点需要了解一下,需要注意的是Matrix在内存中是一个一维数组,操控图片的Matrxi是一个3X3的矩阵,在内存中也就是一个大小为9的一维数组. 实现多点触控,自由变化图片 1. ImageView的基础上继承 2.因为要在图片加载完成就获取到相关的属性,所以实现OnGlobalLayoutListen

  • Android应用开发中触摸屏手势识别的实现方法解析

    很多时候,利用触摸屏的Fling.Scroll等Gesture(手势)操作来操作会使得应用程序的用户体验大大提升,比如用Scroll手势在 浏览器中滚屏,用Fling在阅读器中翻页等.在Android系统中,手势的识别是通过 GestureDetector.OnGestureListener接口来实现的,不过William翻遍了Android的官方文档也没有找到一个相 关的例子,API Demo中的TouchPaint也仅仅是提到了onTouch事件的处理,没有涉及到手势. 我们先来明确一些概念

  • Android单点触控实现图片平移、缩放、旋转功能

    相信大家使用多点对图片进行缩放,平移的操作很熟悉了,大部分大图的浏览都具有此功能,有些app还可以对图片进行旋转操作,QQ的大图浏览就可以对图片进行旋转操作,大家都知道对图片进行缩放,平移,旋转等操作可以使用Matrix来实现,Matrix就是一个3X3的矩阵,对图片的处理可分为四个基础变换操作,Translate(平移变换).Rotate(旋转变换).Scale (缩放变换).Skew(错切变换),如果大家对Matrix不太了解的话可以看看这篇文章(点击查看),作者对每一种Matrix的变换写

  • android 触屏的震动响应接口调用方法

    调用native 方法来开启和关闭vibrator: native static void vibratorOn(long milliseconds); native static void vibratorOff(); 调用方法如下: VibratorService.vibratorOn()

随机推荐