Question

I have a SurfaceView where I’m setting a background color and an image like so:

BitmapDrawable tiledBackground = new BitmapDrawable(BitmapFactory.decodeResource(getResources(), R.drawable.background));
tiledBackground.setTileModeX(Shader.TileMode.REPEAT);
tiledBackground.setColorFilter(0xaacceeff, PorterDuff.Mode.DST_OVER);
this.setBackgroundDrawable(tiledBackground);

I also have an animation thread where I’m drawing an image (successively adjusting its x coordinate so that it appears to move to the left). The background image is a transparent PNG and so some parts of it are transparent. It appears that the image I’m drawing from the thread appears below the background drawable on the SurfaceView. How can I have it appear on top of the background? I’m drawing the image like so:

private void doDraw(Canvas canvas) {
    canvas.drawColor(Color.BLACK);
    canvas.drawBitmap(missile, x, getHeight() - 95, paint);
    canvas.restore();
}

missile and paint are initialized in the constructor of the thread to:

missile = Bitmap.createBitmap(BitmapFactory.decodeResource(getResources(), R.drawable.missile));
paint = new Paint();

Answer 1

Each call to doDraw should draw everything you want to be displayed, including the background.

// Add to initializer
tiledBackground = new BitmapDrawable(BitmapFactory.decodeResource(getResources(), R.drawable.background));
tiledBackground.setTileModeX(Shader.TileMode.REPEAT);
tiledBackground.setColorFilter(0xaacceeff, PorterDuff.Mode.DST_OVER);

private void doDraw(Canvas canvas) {
    canvas.drawColor(Color.BLACK);
    // Create a rectangle (just holds top/bottom/left/right info)
    Rect drawRect = new Rect(); 

    // Populate the rectangle that we just created with the drawing area of the canvas.
    canvas.getClipBounds(drawRect);

    // Make the height of the background drawing area equal to the height of the background bitmap
    drawRect.bottom = drawRect.top + tiledBackground.getBitmap().getHeight();

    // Set the drawing area for the background.
    tiledBackground.setBounds(drawRect);

    tiledBackground.draw(canvas);
    canvas.drawBitmap(missile, x, getHeight() - 95, paint);
    canvas.restore();
}