2011年4月30日土曜日

AndroidのLineメソッドを使って格子を描画する

AndroidのLineメソッドを使って、格子を描画する。

格子は、幅8マス、高さ8マスの格子。
1マスは32ドットで設定。






















定数でマスのサイズを決める
①マスのサイズ
private static final int GridSize=32

②マスの数
private static final int MASU=8;

②格子の大きさ
今回描画するの縦8マスが8個、横も8マスが8個の全体で正方形の格子なので
幅・・・
private static final int WIDTH=GridSize*MASU
高さ・・・
private static final int HEIGHT=WIDTH

描画処理
縦線を引くのと、横線を引くのをそれぞれにfor文を使って繰り返し処理を行う
縦線
for(int i=1;i<MASU;i++) {
canvas.drawLine(i*GridSize,0,i*GridSize,HEIGHT,paint);
}
横線
for(int i=1;i<MASU;i++) {
canvas.drawLine(0,i*GridSize,WIDTH,i*GridSize,paint);
}

androidのLineメソッドの引数は、(startX, startY, stopX, stopY, paint)。
縦線の場合、GridSize=32でそれが8個分
横線の場合、GridSize=32でそれが8個分
と言う意味になる。

そして、最後の外枠の部分はdrawRectを使用して、描画する。

完成図





















完成図では、成るべく真ん中ぐらいに描画する為に、それぞれ、25をプラスしている。

0 件のコメント:

コメントを投稿