「七章：Canvasの拡縮・回転をする」の編集履歴（バックアップ）一覧はこちら

「七章：Canvasの拡縮・回転をする」(2013/08/28 (水) 15:14:44) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

間が空いてしまったが、今回はCanvasそのものに操作を加える。
と言っても五章の描画部分にほんのちょっと付け足すだけでこの章はおしまい。

#region(ソース)
#highlight(linenumber, java){{
/*******
* 描画
******/
protected void onDraw(Canvas canvas)
{
	//背景色を設定
	canvas.drawColor(Color.WHITE); //白に設定する
	//リソースファイル内の画像をBitmapに変換して格納する。
	bmp = BitmapFactory.decodeResource(res, R.drawable.img);
		
	//Canvasを操作する(テストしたい項目のコメントアウトを解除する)
	//canvas.translate(50, 50);	//移動(float)
	//canvas.rotate(45);		//回転(float)
	//canvas.skew(-0.1f, 0.5f);	//歪みを加える(float)
	//canvas.scale(1, 2);		//拡縮(float)
		
	//変換したBitmapで描画
	canvas.drawBitmap(bmp, x, y, paint);
}
}}
#endregion

#region(ちょっとした小話)
画像に対して直接操作を加えるのではなく、Canvasそのものに操作を加えるという事は
Canvas上のすべての要素に対して同じように操作が加えられるという事になる。
また、画像の座標はCanvas上の画像の座標として扱われるので、
それぞれ独立した値を持つことに注意すること。
他に中来るべき点は、Canvasを回転するとき、角度だけを指定した場合は画面左上を中心に回転するところ。
回転の中心を変更したい場合は、canvas.rotate(&bold(){角度}, &bold(){&color(red){X}},&bold(){&color(red){Y}})で指定してあげるとよい。
#endregion

間が空いてしまったが、今回はCanvasそのものに操作を加える。
と言っても五章の描画部分にほんのちょっと付け足すだけでこの章はおしまい。

#region(ソース)
#highlight(linenumber, java){{
/*******
* 描画
******/
protected void onDraw(Canvas canvas)
{
	//背景色を設定
	canvas.drawColor(Color.WHITE); //白に設定する
	//リソースファイル内の画像をBitmapに変換して格納する。
	bmp = BitmapFactory.decodeResource(res, R.drawable.img);
		
	//Canvasを操作する(テストしたい項目のコメントアウトを解除する)
	//canvas.translate(50, 50);	//移動(float)
	//canvas.rotate(45);		//回転(float)
	//canvas.skew(-0.1f, 0.5f);	//歪みを加える(float)
	//canvas.scale(1, 2);		//拡縮(float)
		
	//変換したBitmapで描画
	canvas.drawBitmap(bmp, x, y, paint);
}
}}
#endregion

#region(ちょっとした小話)
画像に対して直接操作を加えるのではなく、Canvasそのものに操作を加えるという事は
Canvas上のすべての要素に対して同じように操作が加えられるという事になる。
また、画像の座標はCanvas上の画像の座標として扱われるので、
それぞれ独立した値を持つことに注意すること。
他に注意するべき点は、Canvasを回転するとき、角度だけを指定した場合は画面左上を中心に回転するところ。
回転の中心を変更したい場合は、canvas.rotate(&bold(){角度}, &bold(){&color(red){X}},&bold(){&color(red){Y}})で指定してあげるとよい。
#endregion