Android 図形、画像の描画 | ゲームプログラミング工房卍

GraphicsExはプログラムの本体となるクラスです。

GraphicsView.javaを解説します。

①ラインの描画（25行目）　描画前に「ライン幅」と「描画スタイル」と「色」を指定しておく必要があります。

描画する線の太さを指定するには、PaintクラスのsetStrokeWidth()メソッドを使います。

描画スタイルを指定するには、setStyle()メソッドを使用。

ラインを描画するには、CanvasクラスのdrawLine()メソッドを使用。

②パスの描画（30行目）　描画スタイルにSTROKEを指定後、PaintクラスのdrawPath()メソッドを使用。

Path()クラスは、複数の頂点座標(XY座標)を保持するパス情報のクラスです。

③四角形の描画（40行目）　CanvasクラスのdrawRect()メソッドを使用。

Rectクラスは、左上のXY座標と右下のXY座標を保持する四角形情報のクラスです。ラインのみのスタイルはSTROKE、塗りつぶしはFILLを指定します。

同様に角丸四角形の場合は、CanvasクラスのdrawRoundRect()メソッドを使用。RectFクラスは、float型の四角形情報のクラスです。

④円の描画（58行目）　CanvasクラスのdrawCircle()メソッドを使用。

ラインのみはSTROKE、塗りつぶしにするときはFILLを指定します。

今回使用する画像ファイルは次の1枚です。そして、コピペでSample.pngを配置します。resフォルダ下に配置した素材は「リソース」と呼ばれ、ビルド時にアプリの実行ファイルに付加されます。

メニューで「新規」→「ディレクトリー」で「drawable-nodpi」という名前のフォルダを作成してください。

ImageExクラスは、プログラムの本体です。

①画像ファイルの読み込み（18行目）　リソースの画像ファイルを読み込むには、BitmapFactoryクラスのdecodeResource()メソッドを使用します。リソースオブジェクトは、ContextクラスのgetResources()メソッドを取得します。

リソースIDは、res/drawableフィルダに配置したファイルを「R.drawable.ファイル名（拡張子なし）」の書式で指定します。「sample.png」のリソースIDは、「R.drawable.sample」となります。

②イメージの描画（25行目）　CanvasクラスのdrawBitmap()メソッドを使用します。

③イメージの拡大縮小描画（27行目）　描画元領域と描画先領域を指定するdrawBitmap()メソッドを使用します。

SurfaceViewExクラスは、プログラムの本体となるクラスです。

SurfaceViewViewクラスは、ビューとなるクラスです。

①サーフェイスビューの準備　（11行目）ViewクラスでなくSurfaceViewクラスを継承します。そして、サーフェイスビューの状態変化時のイベント処理を行うSurfaceHolder.Callbackインターフェイスを実装します。

サーフェイス生成時にスレッドの生成、サーフェイス破棄時にスレッドの解放を行っています。

②サーフェイスホルダーの作成　（29行目）サーフェイスホルダーを取得するには、SurfaceViewクラスのgetHolder()メソッドを使用します。

取得したサーフェイスホルダーにaddCallback()メソッドで、サーフェイスイベントの通知先を指定します。

③スレッドの開始　（36行目）1つのプログラムで複数の処理を同時に行っているように見せる時に利用します。

Threadクラスのstart()メソッドを呼ぶことにより、run()メソッドがあたかも並列して処理されているかのように実行されます。

④ダブルバッファリング　（64行目）描画命令を実行ごとに画面に反映させるのではなく、複数の描画命令をまとめて画面に反映させることで、画面のチラつきを防ぐ処理です。

⑤スリープ　数ミリ秒間プログラムの処理を止めたい時は、Threadクラスのsleep()メソッドを使います。今回は、30ミリ秒スリープしています。

いかがでしょうか。後半説明したSurfaceViewは、バックグラウンドスレッドでも描画可能です。常に更新される（アニメーション、ゲーム）に最適です。