How do create QR code with logo in the middle

Question

It is Possible to add logo image in the middle of QR code image using android?

I have generated the QR code but now what i need is need to insert the logo image in the middle of QRcode.

Is there any way to achieve this.

Here is my QR code Generation code:

Bitmap myLogo = BitmapFactory.decodeResource(getResources(), R.drawable.image); public void onClick(View v) {

EditText qrInput = (EditText) findViewById(R.id.qrInput);
String qrInputText = qrInput.getText().toString();
Log.v(LOG_TAG, qrInputText);

//Find screen size
WindowManager manager = (WindowManager) getSystemService(WINDOW_SERVICE);
Display display = manager.getDefaultDisplay();
Point point = new Point();
// display.getSize(point);
int width = point.x;
int height = point.y;
int smallerDimension = width < height ? width : height;
smallerDimension = smallerDimension * 3/4;

//Encode with a QR Code image
QRCodeEncoder qrCodeEncoder = new QRCodeEncoder(qrInputText,null,Contents.Type.TEXT,BarcodeFormat.QR_CODE.toString(),smallerDimension);

try {
Bitmap bitmap = qrCodeEncoder.encodeAsBitmap();
ImageView myImage = (ImageView) findViewById(R.id.imageView1);
myImage.setImageBitmap(bitmap);

} catch (WriterException e) {
e.printStackTrace();
}

}

I don't have idea about that could someone please guide me to step forward.

Thanks in advance for the helping hearts.

This is how i implemented:

Bitmap myLogo = BitmapFactory.decodeResource(getResources(), R.drawable.image);
public void onClick(View v) {

// switch (v.getId()) {
// case R.id.button1:
EditText qrInput = (EditText) findViewById(R.id.qrInput);
String qrInputText = qrInput.getText().toString();
Log.v(LOG_TAG, qrInputText);

//Find screen size
WindowManager manager = (WindowManager) getSystemService(WINDOW_SERVICE);
Display display = manager.getDefaultDisplay();
Point point = new Point();
// display.getSize(point);
int width = point.x;
int height = point.y;
int smallerDimension = width < height ? width : height;
smallerDimension = smallerDimension * 3/4;

//Encode with a QR Code image
QRCodeEncoder qrCodeEncoder = new QRCodeEncoder(qrInputText,
null,
Contents.Type.TEXT,
BarcodeFormat.QR_CODE.toString(),
smallerDimension);



try {
Bitmap bitmap = qrCodeEncoder.encodeAsBitmap();


Bitmap mergeBitmaps(Bitmap bmp1; Bitmap bmp2)
{
Bitmap bmOverlay = Bitmap.createBitmap(bmp1.getWidth(), bmp1.getHeight(), bmp1.getConfig());
Canvas canvas = new Canvas(bmOverlay);
canvas.drawBitmap(bmp1, new Matrix(), null);
canvas.drawBitmap(bmp2, 0, 0, null);
return;
}


ImageView myImage = (ImageView) findViewById(R.id.imageView1);
myImage.setImageBitmap(mergeBitmaps);

} catch (WriterException e) {
e.printStackTrace();
}

Answer 1

You have the bitmap of your QR Code? right

now create an other bitmap of your logo.

if your logo is in one of your drawable-xxx folder then use below code to covert your drawable to a bitmap.

Bitmap myLogo = BitmapFactory.decodeResource(getResources(), R.drawable.myLogo);

now you have 2 bitmap images . Use below code to merge them

public static Bitmap mergeBitmaps(Bitmap bmp1, Bitmap bmp2) {
        Bitmap bmOverlay = Bitmap.createBitmap(bmp1.getWidth(), bmp1.getHeight(), bmp1.getConfig());
        Canvas canvas = new Canvas(bmOverlay);
        canvas.drawBitmap(bmp1, new Matrix(), null);
        canvas.drawBitmap(bmp2, 0, 0, null);
        return bmOverlay;
    }

after that. set your bitmap to your image view

Hope this helps

Update

have a look on below code. I have made a sample project on this

package com.mergebitmaps;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;

import com.example.mergebitmap.R;

public class MergeBitmaps extends Activity {
private Button btnMerge;
private ImageView imgTest;

private Bitmap bitLogo, bitQrCode, bitMerged;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.merge_bitmap);

    btnMerge = (Button) findViewById(R.id.button1);
    imgTest = (ImageView) findViewById(R.id.imageView1);

}

@Override
protected void onStart() {
    super.onStart();

    bitQrCode = BitmapFactory.decodeResource(getResources(),
            R.drawable.qr_code);
    bitLogo = BitmapFactory.decodeResource(getResources(),
            R.drawable.my_logo);

    btnMerge.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View v) {

            bitMerged = mergeBitmaps(bitLogo, bitQrCode);
            imgTest.setImageBitmap(bitMerged);

        }
    });

}

public static Bitmap mergeBitmaps(Bitmap bmp1, Bitmap bmp2) {
    Bitmap bmOverlay = Bitmap.createBitmap(bmp1.getWidth(),
            bmp1.getHeight(), bmp1.getConfig());
    Canvas canvas = new Canvas(bmOverlay);
    canvas.drawBitmap(bmp1, new Matrix(), null);
    canvas.drawBitmap(bmp2, 0, 0, null);
    return bmOverlay;
}

}

Here is my layout file

<?xml version="1.0" encoding="utf-8"?>

<Button
    android:id="@+id/button1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:text="Button" />

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/button1"
    android:scaleType="centerInside"
    android:src="@drawable/ic_launcher" />

</RelativeLayout>

and here is the output

here is the image links where I have got the png images

QR Code Image link https://cdn1.iconfinder.com/data/icons/ios7-line/512/QR_code.png

Chrome Logo Image Link http://www.html5rocks.com/static/images/tutorials/easy-hidpi/chrome2x-8bit.png