Merging Two Images into one Image

Question

I know this question was already answered but It was not helped me. My question is not to overlap the Images I want to join two seperate Images which are in the same size like which is shown below.

![I want like below image][1]

Here is the code: Used to combine Images

private Bitmap createSingleImageFromMultipleImages(Bitmap firstImage, Bitmap secondImage) {

        Bitmap result = Bitmap.createBitmap(firstImage.getWidth(), firstImage.getHeight(), firstImage.getConfig());
        Canvas canvas = new Canvas(result);
        canvas.drawBitmap(firstImage, 0f, 0f, null);
        canvas.drawBitmap(secondImage, 200, 200, null);
        return result;
    }

 Bitmap mergedImages = createSingleImageFromMultipleImages(firstImage, SecondImage);

                    im.setImageBitmap(mergedImages);

I am getting ovelapping image. Can anyone help.

Thanks.

http://stackoverflow.com/questions/8415777/how-to-use-canvas-for-merging-two-images-in-android — Quick learner, Jan 11 '16 at 11:14
@Marcin Orlowski I dont want to overlap images .See the image properly and suggest please — KCN, Jan 11 '16 at 11:22
reopened. you may want to check your images as you had them incorrectly attached. I made them both visible again, yet not sure this is what you wanted. — Marcin Orlowski, Jan 11 '16 at 11:32
thank you for reopening the question I want to combine two images which are in the same image. — KCN, Jan 11 '16 at 11:35

score 2 · Accepted Answer · answered Jan 11 '16 at 11:39

If you want to create a side-by-side merged image you will need to create a result bitmap with 2 times the width of first image, or, more scalably, the sum of the widths of the images:

Currently, you are creating a result image with width firstImage.getWidth(). They will clearly overlap or be off the canvas.

Also, you will need to place the second image at x == firstImage.getWidth()

Check out this code (untested):

private Bitmap createSingleImageFromMultipleImages(Bitmap firstImage, Bitmap secondImage) {
        Bitmap result = Bitmap.createBitmap(firstImage.getWidth() + secondImage.getWidth(), firstImage.getHeight(), firstImage.getConfig());
        Canvas canvas = new Canvas(result);
        canvas.drawBitmap(firstImage, 0f, 0f, null);
        canvas.drawBitmap(secondImage, firstImage.getWidth(), 0f, null);
        return result;
}

Bitmap mergedImages = createSingleImageFromMultipleImages(firstImage, secondImage);

im.setImageBitmap(mergedImages);

this code is working fine but I want to do up and right combine can anyone help me please? — Abhinav Gupta, Aug 31 '18 at 07:34
@AbhinavGupta just replace `firstImage.getWidth() + secondImage.getWidth()` with `firstImage.getWidth() `. Then replace `canvas.drawBitmap(secondImage, firstImage.getWidth(), 0f, null);` with `canvas.drawBitmap(secondImage, 0f, 0f, null);`. Finally experiment with the coordinates 0f, 0f. Since you want it on the right, your "left" offset will be `firstImage.getWidth() - secondImage.getWidth()` only 2 years wait for my help :-) — Someone Somewhere, Jul 01 '20 at 01:54

score 0 · Answer 2 · answered Aug 08 '20 at 21:29

I used this solution from https://stackoverflow.com/a/25569617/12074613

private Bitmap getBitmap(View v) {
v.clearFocus();
v.setPressed(false);

boolean willNotCache = v.willNotCacheDrawing();
v.setWillNotCacheDrawing(false);

// Reset the drawing cache background color to fully 
transparent
// for the duration of this operation
int color = v.getDrawingCacheBackgroundColor();
v.setDrawingCacheBackgroundColor(0);

if (color != 0) {
    v.destroyDrawingCache();
}
v.buildDrawingCache();
Bitmap cacheBitmap = v.getDrawingCache();
if (cacheBitmap == null) {
    Toast.makeText(StopWarApp.getContext(), 
"Something went wrong",
            Toast.LENGTH_SHORT).show();
    return null;
}

Bitmap bitmap = Bitmap.createBitmap(cacheBitmap);

// Restore the view
v.destroyDrawingCache();
v.setWillNotCacheDrawing(willNotCache);
v.setDrawingCacheBackgroundColor(color);

return bitmap;
}

Merging Two Images into one Image

2 Answers2