SurfaceViewを用いた簡単なAndroidサンプルアプリ

※はじめに
この記事はAndroidアプリの開発が、初心者であるという方のための記事です。
そのため、なるべく複雑な説明は避け、コピー＆ペイストですぐに動くものをご紹介します。
JavaやAndroidを理解されている方で細かい説明が必要な方は、当ブログ内の連載記事である「Android Tips」をご覧ください。

さて、今回は画面に四角を出します。
この子はタッチするたびに色が変わります。

アプリ実行図

サンプルコード

activity_main.xml（画面レイアウトファイル）

今回は画像を設置するImageVIewと、動作のキッカケとなるボタンのみ定義しています。
14行目でImageViewに画像をセットしておりますが、今回はデフォルトの画像を指定しています。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="@string/hello_world" />

</RelativeLayout>

MainActivity.java（Activityファイル）

package com.example.surfaceviewsample;

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.util.Log;
import android.view.MotionEvent;
import android.view.SurfaceHolder;
import android.view.SurfaceView;

public class MainActivity extends Activity {
	private static final String TAG = "SurfaceViewSample";

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);

		MainView view = new MainView(this);
		setContentView(view);
	}

	// SurfaceViewクラスを継承したクラスを作成
	class MainView extends SurfaceView implements SurfaceHolder.Callback {

		private SurfaceHolder holder = null;
		private int[] color = { Color.YELLOW, Color.BLUE, Color.RED,
				Color.GREEN };
		private int idx = 0;

		// MainViewクラスのコンストラクタ
		public MainView(Context context) {
			super(context);

			// getHolder()メソッドを用いてSurfaceHolderオブジェクトを取得
			holder = getHolder();
			// addCallback()を用いて、SurfaceHolder.Callbackオブジェクトをリスナー登録する
			holder.addCallback(this);
		}

		// SurfaceViewのサイズなどが変更されたときに呼び出されるメソッド
		@Override
		public void surfaceChanged(SurfaceHolder holder, int format, int width,
				int height) {
			Log.e(TAG, "surfaceChanged()");
		}

		// SurfaceViewが最初に生成されたときに呼び出されるメソッド
		@Override
		public void surfaceCreated(SurfaceHolder holder) {
			Log.e(TAG, "surfaceCreated()");
			draw();
		}

		// SurfaceViewが破棄されるときに呼び出されるメソッド
		@Override
		public void surfaceDestroyed(SurfaceHolder holder) {
			Log.e(TAG, "surfaceDestroyed()");
		}

		// SurfaceViewにてタッチイベントが検知されたときに呼び出される
		@Override
		public boolean onTouchEvent(MotionEvent event) {
			Log.e(TAG, event.toString());

			// getAction()メソッドを用いて、eventよりタッチイベントのアクションを取得
			if (event.getAction() == MotionEvent.ACTION_UP) {
				draw();
			}
			return true;
		}

		// 描画
		private void draw() {

			// lockCanvas()メソッドを使用して、描画するためのCanvasオブジェクトを取得する
			Canvas canvas = holder.lockCanvas();

			// 画面全体を一色で塗りつぶすdrawColor()メソッドを用いて画面全体を白に指定
			canvas.drawColor(Color.WHITE);

			// Paintクラスをインスタンス化
			Paint paint = new Paint();

			// カラーを指定
			paint.setColor(color[idx]);

			// Canvas.drawRect()を呼び出すと、正方形や長方形を描画することが可能になる
			// （left：左辺,top：上辺,right：右辺,bottom：下辺,Paintインスタンス）
			canvas.drawRect(50, 100, 200, 300, paint);

			// Canvasオブジェクトへの描画完了したら、unlockCanvasAndPost()メソッドを呼び出し、引数にはCanvasオブジェクトを指定する
			holder.unlockCanvasAndPost(canvas);

			// 三項演算子（ 条件式 ? 式1 : 式2）
			// ？の前までがif文の条件式
			// ？の前の値がtrue→：の前の値が返される
			// ？の前の値がfalse：の後の値が返される
			idx = (idx == color.length - 1) ? 0 : idx + 1;
		}
	}
}

以上でOKです。