Androidでのcanvas・drawBitmapの使い方について

Question

Andoroid初心者です。
Androidでのcanvas・drawBitmapの使い方についてご教授お願いいたします。
下記の様に描画していき、スクロールのところで上手くいかずに困っている状況です。
よろしくお願いいたします。

下記の様に空白画像を作り、そこに画像をいくつか貼り付けています。
そして、android画面に表示しています。
ここまでは支障なくできました。

map_img = Bitmap.createBitmap(500, 500, Bitmap.Config.ARGB_8888);
canvas = new Canvas(map_img);

canvas.drawBitmap(map_chip_img, dst, src, paint);
((ImageView)findViewById(R.id.imageView)).setImageBitmap(map_img);

この後、画面をタップした際に下にスクロールするイメージで作ろうしています。
まずは、今のイメージを下にコピー移動をしようと思いますが、上手くいきません。
下記の2パターン作りましたが駄目でした。

試作①
dst = new Rect(0, 0, 500, 400);
src = new Rect(0, 100, 500, 500);
canvas.drawBitmap(map_img, dst, src, null);
((ImageView)findViewById(R.id.imageView)).setImageBitmap(map_img);

試作②
canvas.drawBitmap(map_img, 0, 100, null);
((ImageView)findViewById(R.id.imageView)).setImageBitmap(map_img);

何となくうまくいかない原因は、同じ画像へ画像を作ってしまっているために、
鏡みたいに幾つも画像表示ができてしまいのではとは、思っていますが、
良いやり方等、ご教示いただけると助かります。

別のBitmapを作り、そこにコピーすればできたのですが、
連続して動かしたいため、何度もコピーしたくないところもあります。
簡単にcanvas上の画像を動かくことはできないでしょうか？

何卒、よろしくお願いいたします。

Answer 1

キャンバスをクリアしてから画像を表示するようにしたらどうでしょうか？

import android.graphics.PorterDuff.Mode;

void onDraw(Canvas canvas) {
    // キャンバスを透明に塗りつぶす
    canvas.drawColor(0, Mode.CLEAR);

    // 画像の表示処理
    ...
}

Comments

[shin1977]

ご回答大変ありがとうございます。
早速キャンバスをクリアしてみましたが、map_img(Bitmap)のキャンバスなので
下記の様に画像を貼り付けしようとすると、画像がなくなってしまいました。

canvas.drawColor(0, PorterDuff.Mode.CLEAR);
canvas.drawBitmap(map_img, 0, 70, null);

やはり、下記の様に別のmap_img2(Bitmap)を作り、コピー後、
改めてづらしてコピーするのがベストでしょうか？
または、コピーは一度にして、Bitmapファイルを交互に使用した方がベスト？？

map_img2 = map_img.copy(Bitmap.Config.ARGB_8888, true);
canvas.drawBitmap(map_img2, 0, 70, null);

初歩的な質問で、また分かりにくく、申し訳ございませんが、よろしくお願いいたします。

[mingos]

整理すると、最低限キャンバスとして利用するためのBitmapと、そこへ描画するBitmapの２つが必要ですよね。

Bitmap map_img = Bitmap.createBitmap(500, 500, Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(map_img);
この、map_imgはキャンバスとして使うので、map_imgはコピーしてはいけません。

キャンバスに表示したい画像のBitmapは新規に作ります。
Resources res = this.getContext().getResources();
Bitmap img1 = BitmapFactory.decodeResource(res, R.drawable.img1);

なので、毎回クリアしてから画像を表示すれば良いはずなんですよね。
canvas.drawColor(0, PorterDuff.Mode.CLEAR);
canvas.drawBitmap(img1 , 0, 70, null);

[shin1977]

大変ありがとうございます。
参考になります！！
頂いた内容を元に試行錯誤してみたいと思います。
ありがとうございました。