Teile einer Bitmap als ImageView anzeigen

XoR · 12. November 2012

Guten Abend allerseits.

Ich habe mir für mein TowerDefense eine kleine Scrollfunktion gebastelt, die wie folgt funktioniert:
Ich lade eine Bitmap und "stanze" mir mit einem Rect den Teil aus der Bitmap, den ich auf dem Bildschirm anzeigen will, und zeichne es dann mithilfe von canvas.drawBitmap(...) auf den Bildschirm.

Hier zur verdeutlichung:

Code

//The rect that gets the part of the bitmap
		srcRect = new Rect(Math.round(xPos),
						   Math.round(yPos),
						   Math.round(xPos+canvas.getWidth()-zoomlevel),
						   Math.round(yPos+canvas.getHeight()-zoomlevel));
		//The rect that is going to be displayed
		dstRect = new Rect(0, 0, canvas.getWidth(), canvas.getHeight());
		//Draw the displayed part of the bitmap on canvas
		canvas.drawBitmap(bitmap, srcRect, dstRect, new Paint());

Mein Problem ist nun, dass man anscheinend pro Activity entweder nur mit .xml dateien arbeiten kann(also layouts), ODER wie hier zu sehen mit canvas. Da mir aber die bereits vorgefertigten Elemente wie beispielsweise Buttons oder LinearLayouts das Designen der App ungemein erleichtern, wollte ich wissen, ob man den Teil der Bitmap, den ich anzeigen will, auch irgentwie als ImageView anzeigen lassen kann, anstatt mit canvas zu zeichnen? Denn dann könnte ich auch die Standardelemente wie Buttons verwenden.

Hoffe ihr wisst da genaueres

MfG XoR

antifish · 13. November 2012

Ab Api 10 kannst du den RegionDecoder verwenden:
http://developer.android.com/r…/BitmapRegionDecoder.html

Und dein Bitmap dann via ImageView.setImageBitmap anzeigen

antifish

XoR · 13. November 2012

Dankeschön für die Info, aber gibt es keine andere Möglichkeit? Denn ich wollte das TowerDefense ab Android 2.2 zur verfügung stellen...

MfG

antifish · 13. November 2012

Doch, du kannst dein Canvas Objekt "auf einem Bitmap" instanzieren, was du dann auf das Canvas zeichnest ist dann auch auf dem Bitmap, welches du wiederum der ImageView zuweisen kannst

Schau mal hier
http://stackoverflow.com/quest…o-bitmap-image-in-android

XoR · 13. November 2012

Hmm funktioniert noch nicht einwandfrei
Android wirft immer eine NullPointerException raus(Zeile 69).

Hier der Code:

Code

package my.package.name;


import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Rect;
import android.view.SurfaceHolder;
import android.view.SurfaceView;


public class GameView extends SurfaceView {


	//------ GameView Values ------
	protected SurfaceHolder surfaceHolder;	//to get the canvas, lock it und post it
	private Bitmap bitmap;					//the bitmap that has to be displayed
	protected Bitmap bitmapBackground;		//the bitmap that is set to canvas
	protected float xPos = 0f;				//the final x-position of the rect that gets the part of the bitmap
	protected float yPos = 0f;				//the final y-position of the rect that gets the part of the bitmap
	protected float xPosBuffer = 0f;		//saves the last x-position, to start at that position were it ended
	protected float yPosBuffer = 0f;		//saves the last y-position, to start at that position were it ended
	protected Rect srcRect;
	protected Rect dstRect;
	protected int zoomlevel;
	
	public GameView(Context context) {
		
		super(context);
		//------ Load bitmap into ram + set density ------
		bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.test);
		bitmap.setDensity(Math.round(getResources().getDisplayMetrics().density));
		
		
		//------ set Zoomlevel ------
		zoomlevel = 0;
		
		//------ Initial SurfaceHolder  + add Callback ------
		surfaceHolder = getHolder();
		surfaceHolder.addCallback(new SurfaceHolder.Callback() {
			
			
			@Override
			public void surfaceDestroyed(SurfaceHolder holder) {
				// TODO Auto-generated method stub
				
			}
			
			
			@Override
			public void surfaceCreated(SurfaceHolder holder) {
				
				//------ Display the initial part of the map(bitmap) on canvas ------
				Canvas canvas = surfaceHolder.lockCanvas(null);
				onDraw(canvas);
				surfaceHolder.unlockCanvasAndPost(canvas);
			}
			
			
			@Override
			public void surfaceChanged(SurfaceHolder holder, int format, int width,
					int height) {
				
			}
		});
		
		
		Canvas canvas = surfaceHolder.lockCanvas(null);
		bitmapBackground = Bitmap.createBitmap(canvas.getWidth(), canvas.getHeight(), Config.RGB_565);
		canvas.setBitmap(bitmapBackground);
	}
	
	
	


	@Override
	protected void onDraw(Canvas canvas) {
		
		//------ Conditions that u cant scroll out over the bitmap ------
		if(Math.round(xPos) &lt; 0)
			xPos = 0f;
		
		if(Math.round(xPos) &gt; (bitmap.getWidth() - canvas.getWidth()))
			xPos = (bitmap.getWidth() - canvas.getWidth());
		
		if(Math.round(yPos) &lt; 0)
			yPos = 0f;
		
		if(Math.round(yPos) &gt; (bitmap.getHeight() - canvas.getHeight()))
			yPos = (bitmap.getHeight() - canvas.getHeight());
		
		if(Math.round(xPos+canvas.getWidth()-zoomlevel) &gt; bitmap.getWidth())
			zoomlevel = - Math.round(((bitmap.getWidth()) - (xPos + canvas.getWidth())));
		


		if(Math.round(yPos+canvas.getHeight()-zoomlevel) &gt; bitmap.getHeight())
			zoomlevel = - Math.round(((bitmap.getHeight()) - (yPos + canvas.getHeight())));
		
		//------ Rects that are used to display a part of the bitmap on canvas ------
		//The rect that gets the part of the bitmap
		srcRect = new Rect(Math.round(xPos),
						   Math.round(yPos),
						   Math.round(xPos+canvas.getWidth()-zoomlevel),
						   Math.round(yPos+canvas.getHeight()-zoomlevel));
		//The rect that is going to be displayed
		dstRect = new Rect(0, 0, canvas.getWidth(), canvas.getHeight());
		//Draw the displayed part of the bitmap on canvas
		canvas.drawBitmap(bitmap, srcRect, dstRect, new Paint());
	}


}

Alles anzeigen

Weiß nicht genau, was hier den Fehler verursacht. Habe es nach dem Beispiel aus deinem Link gemacht. Hoffe ihr seht, was ich nicht sehe

MfG XoR

antifish · 14. November 2012

Schau dir mal die Info zu surfaceHolder.lockCanvas() an, da steht dass wenn du NULL zurückbekommst deine Surface entweder nicht editierbar ist, oder noch nicht erstell (was bei dir der Fall ist in Zeile 69) und man soll "surfaceCreate" callback verwenden, welches du ja schon im Code hast.
Lösch mal zeile 68 und schieb zeile 69+70 ins "surfaceCreated"

Gruss
antifish

XoR · 14. November 2012

Erstmal danke für deine Antworten.
Das Verschieben der beiden Zeilen in die Callback behebt das Problem nicht ganz.Die Map wird noch nicht angezeigt, obwohl ich die Bitmap dann einem ImageView zuweise. Zudem hat nun das Scrollen einen Absturz zur Folge. Der Fehler wird hier in Zeile 80(GameView) angezeigt und wirft eine NullPointerException aus. Ich hab dann bischen rumprobiert, und festgestellt, dass wenn ich die Breite oder Höhe vom Canvas ausgeben will, nichts ausgegeben wird(evtl. hier der Fehler?).

Hier noch meine Dateien:
GameView:

Code

package my.package.name;


import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Rect;
import android.view.SurfaceHolder;
import android.view.SurfaceView;


public class GameView extends SurfaceView {


	//------ GameView Values ------
	protected SurfaceHolder surfaceHolder;	//to get the canvas, lock it und post it
	protected Bitmap bitmap;					//the bitmap that has to be displayed
	protected Bitmap bitmapBackground;		//the bitmap that is set to canvas
	protected float xPos = 0f;				//the final x-position of the rect that gets the part of the bitmap
	protected float yPos = 0f;				//the final y-position of the rect that gets the part of the bitmap
	protected float xPosBuffer = 0f;		//saves the last x-position, to start at that position were it ended
	protected float yPosBuffer = 0f;		//saves the last y-position, to start at that position were it ended
	protected Rect srcRect;
	protected Rect dstRect;
	protected int zoomlevel;
	
	public GameView(Context context) {
		
		super(context);
		//------ Load bitmap into ram + set density ------
		bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.test);
		bitmap.setDensity(Math.round(getResources().getDisplayMetrics().density));
		
		
		//------ set Zoomlevel ------
		zoomlevel = 0;
		
		//------ Initial SurfaceHolder  + add Callback ------
		surfaceHolder = getHolder();
		surfaceHolder.addCallback(new SurfaceHolder.Callback() {
			
			
			@Override
			public void surfaceDestroyed(SurfaceHolder holder) {
				// TODO Auto-generated method stub
				
			}
			
			
			@Override
			public void surfaceCreated(SurfaceHolder holder) {
				
				//------ Display the initial part of the map(bitmap) on canvas ------
				Canvas canvas = surfaceHolder.lockCanvas(null);
				bitmapBackground = Bitmap.createBitmap(canvas.getWidth(), canvas.getHeight(), Config.RGB_565);
				canvas.setBitmap(bitmapBackground);
				onDraw(canvas);
				surfaceHolder.unlockCanvasAndPost(canvas);
			}
			
			
			@Override
			public void surfaceChanged(SurfaceHolder holder, int format, int width,
					int height) {
				
			}
		});
	}
	
	
	


	@Override
	protected void onDraw(Canvas canvas) {
		
		//------ Conditions that u cant scroll out over the bitmap ------
		if(Math.round(xPos) &lt; 0)
			xPos = 0f;
		
		if(Math.round(xPos) &gt; (bitmap.getWidth() - canvas.getWidth()))
			xPos = (bitmap.getWidth() - canvas.getWidth());
		
		if(Math.round(yPos) &lt; 0)
			yPos = 0f;
		
		if(Math.round(yPos) &gt; (bitmap.getHeight() - canvas.getHeight()))
			yPos = (bitmap.getHeight() - canvas.getHeight());
		
		if(Math.round(xPos+canvas.getWidth()-zoomlevel) &gt; bitmap.getWidth())
			zoomlevel = - Math.round(((bitmap.getWidth()) - (xPos + canvas.getWidth())));
		


		if(Math.round(yPos+canvas.getHeight()-zoomlevel) &gt; bitmap.getHeight())
			zoomlevel = - Math.round(((bitmap.getHeight()) - (yPos + canvas.getHeight())));
		
		//------ Rects that are used to display a part of the bitmap on canvas ------
		//The rect that gets the part of the bitmap
		srcRect = new Rect(Math.round(xPos),
						   Math.round(yPos),
						   Math.round(xPos+canvas.getWidth()-zoomlevel),
						   Math.round(yPos+canvas.getHeight()-zoomlevel));
		//The rect that is going to be displayed
		dstRect = new Rect(0, 0, canvas.getWidth(), canvas.getHeight());
		//Draw the displayed part of the bitmap on canvas
		canvas.drawBitmap(bitmap, srcRect, dstRect, new Paint());
	}


}

Alles anzeigen

InstanceActivity:

Code

package my.package.name;


import android.app.Activity;
import android.graphics.Canvas;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.GestureDetector.OnGestureListener;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;


public class InstanceActivity extends Activity implements OnGestureListener, OnClickListener {


	//------ Activity Values ------
	private Instance instance;
	private GameView gameView;
	private GestureDetector gestureScanner;
	
	//------ Layout Elements------
	private ImageView ImageViewBackground;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {


		super.onCreate(savedInstanceState);
		
		//------ Create new Gameview + set GameView as Content ------
		gameView = new GameView(this);
		gameView.setOnClickListener(this);
		setContentView(R.layout.instance);
		
		//------ set new GestureDetector(for scrolling) ------
		gestureScanner = new GestureDetector(this);
		
		//------ get the Main Values(Chapter, Level, Difficulty) ------
		Bundle bundle = this.getIntent().getExtras();
		instance = new Instance(bundle.getInt("EXTRA_CHAPTER", -1),
								bundle.getInt("EXTRA_LEVEL", -1),
								bundle.getInt("EXTRA_DIFFICULTY", -1),
								this);
		
		//------ load the specific data ------
		instance.loadInstanceData(getSharedPreferences("my.package.name", MODE_PRIVATE),
								  getResources(),
								  Math.round(getResources().getDisplayMetrics().density));
		
		//------ Set Layout Elements ------
		ImageViewBackground = (ImageView)findViewById(R.id.instance_ImageViewBackground);
		ImageViewBackground.setImageBitmap(gameView.bitmapBackground);
	}




	


	@Override
	public void onClick(View v) {
		
		gameView.zoomlevel += -100;
		Canvas canvas = gameView.surfaceHolder.lockCanvas(null);
		gameView.onDraw(canvas);
		gameView.surfaceHolder.unlockCanvasAndPost(canvas);
	}
	
	
	
	//------ onGestureListener-Methods ------
	@Override
	public boolean dispatchTouchEvent(MotionEvent ev) {
		
		//------ if the finger releases the display, save coordinates(for scrolling) ------
		if(ev.getAction() == ev.ACTION_UP) {
			
			gameView.xPosBuffer = gameView.xPos;
			gameView.yPosBuffer = gameView.yPos;
		}
			
		
    	super.dispatchTouchEvent(ev);
    	return gestureScanner.onTouchEvent(ev);
	} 
	
	
	//Standard gestureScanner-Methoden
	@Override
	public boolean onTouchEvent(MotionEvent me)
	{
		return gestureScanner.onTouchEvent(me);
	}
	
	
	@Override
	public boolean onDown(MotionEvent e)
	{
		return true;
	}
	
	
	@Override
	public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY)
	{
		return true;
	}
	
	
	@Override
	public void onLongPress(MotionEvent e)
	{
		//nothing
	}
	
	
	@Override
	public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY)
	{


		//------ setting new coordinates for scrolling ------
		gameView.xPos = (e1.getRawX() - e2.getRawX() + gameView.xPosBuffer);
		gameView.yPos = (e1.getRawY() - e2.getRawY() + gameView.yPosBuffer);
		
		//------ call onDraw for displaying new part of bitmap on canvas ------
		Canvas canvas = gameView.surfaceHolder.lockCanvas(null);
		gameView.onDraw(canvas);
		gameView.surfaceHolder.unlockCanvasAndPost(canvas);
		
		return true;
	}
	
	
	@Override
	public void onShowPress(MotionEvent e)
	{


	}
	
	@Override
	public boolean onSingleTapUp(MotionEvent e) {
		
		return true;
	}
}

Alles anzeigen

Vielen Dank schon mal im Voraus!

MfG XoR

antifish · 15. November 2012

Da bleibt dir wohl nichts übrig als Breakpoints zu setzen und Step by Step durchzugehen... Anders ist debugging fast nicht möglich...

Teile einer Bitmap als ImageView anzeigen

Jetzt mitmachen!

Teilen