[Android] マルチタッチアプリケーションの作り方

How to code multi touch applications

LYNX3D SH-03Cでマルチタッチに反応するアプリケーションを作ってみました。Android2.1以上に対応します。
指でタッチした場所に円を表示します。5本の指まで反応します。
以下サンプルです。

アクティビティー(Main.java) package jp.fujiu.MultiTouch_test; import java.util.ArrayList; import android.app.Activity; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.os.Bundle; import android.os.Handler; import android.os.Message; import android.view.MotionEvent; import android.view.SurfaceHolder; import android.view.SurfaceView; import android.view.SurfaceHolder.Callback; public class Main extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); MultitouchSurface surface = new MultitouchSurface(getApplicationContext()); setContentView(surface); } private static final int[] colors = new int[]{ Color.RED, Color.GREEN, Color.BLUE, Color.YELLOW, Color.CYAN, Color.MAGENTA }; private class MultitouchSurface extends SurfaceView implements Callback { //円の情報を保持するクラス private class Circle{ int pointerId; int color; float x; float y; boolean isExists = true; } private ArrayList<Circle> circles = new ArrayList<Circle>(); private static final int BG_COLOR = Color.WHITE; private static final float FONT_SIZE = 20f; private Message msg; private SurfaceHolder holder; private Paint paint; private int pointCount = 0; private int upDownCounter = 0; private float circleInches; //円の大きさ（インチ） public MultitouchSurface(Context context) { super(context); getHolder().addCallback(this); } @Override public void surfaceCreated(SurfaceHolder holder) { this.holder = holder; paint = new Paint(); paint.setTextSize(FONT_SIZE); msg = new Message(); handler.sendMessage(msg); circleInches = getResources().getDisplayMetrics().density * 50f; } @Override public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) { } @Override public void surfaceDestroyed(SurfaceHolder holder) { getHolder().removeCallback(this); } @Override synchronized public boolean onTouchEvent(MotionEvent event) { int size; pointCount = event.getPointerCount(); switch (event.getAction()){ case MotionEvent.ACTION_DOWN: case MotionEvent.ACTION_POINTER_DOWN: case MotionEvent.ACTION_POINTER_2_DOWN: case MotionEvent.ACTION_POINTER_3_DOWN: case 0x305: case 0x405: //指を置いたときの処理 //PointerIdの重複のチェック size = circles.size(); for (int p = 0; p < pointCount; p++) { boolean isNotExists = true; for (int i=size-1; i>-1; i--){ if (circles.get(i).pointerId == event.getPointerId(p)){ isNotExists = false; break; } } //追加処理 if (isNotExists){ Circle circle = new Circle(); circle.pointerId = event.getPointerId(p); circle.x = event.getX(p); circle.y = event.getY(p); circle.color = colors[(circle.pointerId+colors.length) % colors.length]; circles.add(circle); } } upDownCounter++; break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_POINTER_UP: case MotionEvent.ACTION_POINTER_2_UP: case MotionEvent.ACTION_POINTER_3_UP: case 0x306: case 0x406: //指を離したときの処理 upDownCounter--; if (upDownCounter>0){ //無くなったPointerIdを探して削除する //存在フラグリセット size = circles.size(); for (int i=0; i<size; i++){ circles.get(i).isExists = false; } for (int p = 0; p < pointCount; p++) { //存在チェック size = circles.size(); for (int i=size-1; i>-1; i--){ if (circles.get(i).pointerId == event.getPointerId(p)){ circles.get(i).isExists = true;; //break; } } } //削除 for (int i=size-1; i>-1; i--){ if (circles.get(i).isExists == false){ circles.remove(i); } } } else { //upDownCounterがゼロなら全件削除 circles.removeAll(circles); } StringBuffer evStr = new StringBuffer(); evStr.append("getPointerId:"); for (int p = 0; p < pointCount; p++) { evStr.append(event.getPointerId(p) + ", "); } StringBuffer idStr = new StringBuffer(); idStr.append("id: "); for (int i=0; i<circles.size(); i++){ idStr.append(circles.get(i).pointerId + ", "); } break; case MotionEvent.ACTION_MOVE: //ドラッグ処理 for (int p = 0; p < pointCount; p++) { size = circles.size(); for (int i=0; i<size; i++){ if (circles.get(i).pointerId == event.getPointerId(p)){ circles.get(i).x = event.getX(p); circles.get(i).y = event.getY(p); break; } } } break; } return true; } //メインループ Handler handler = new Handler(){ @Override public void handleMessage(Message msg) { Canvas canvas = holder.lockCanvas(); if (canvas!=null){ //背景塗りつぶし canvas.drawColor(BG_COLOR); //円を描く int size = circles.size(); for (int i=size-1; i>-1; i--){ paint.setColor(circles.get(i).color); canvas.drawCircle(circles.get(i).x, circles.get(i).y, circleInches, paint); } holder.unlockCanvasAndPost(canvas); } sendEmptyMessageDelayed(msg.what, 10); } }; } }
マニフェスト(AndroidManifest.xml) <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="jp.fujiu.MultiTouch_test" android:versionCode="1" android:versionName="1.0" > <uses-sdk android:minSdkVersion="7" /> <application android:icon="@drawable/ic_launcher" android:label="MultiTouch test" > <activity android:label="MultiTouch test" android:name=".Main" android:configChanges="keyboardHidden|orientation"> <intent-filter > <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest>

それぞれの円は指の動きを追いかけます。
このアプリを作った時点では、マルチタッチは公式には3本指までしかサポートしていないようで4本以上の指を認識するには隠しパラメータを読み取る必要がありました。（onTouchEventイベントの 0x305 とか 0x036 とか）
実際にタッチしている指の数とAPIの値が一致しないので円が一つ多く表示されることがあります。

MotionEventクラスにはdeprecated（非推奨）にされた定数とメソッドがあるのでご注意ください。
詳細は http://developer.android.com/intl/ja/reference/packages.html をご覧ください。

以上、参考になれば幸いです。