Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube
JC Mouse Bolivia
Index / Java / Generador de códigos QR (Quick Response)

Generador de códigos QR (Quick Response)

Autor jc mouse Jueves, Febrero 12, 2015

En este tutorial aprenderemos a crear nuestra propia aplicación java para generar códigos QR.

¿Que es un Código QR?

Un código QR (quick response code, «código de respuesta rápida») es un módulo útil para almacenar información en una matriz de puntos o un código de barras bidimensional creado en 1994 por la compañía japonesa Denso Wave, subsidiaria de Toyota.[Santa Wikipedia]

QR example

Necesitamos

Tiempo: 15 minutos
Nivel: Intermedio

Tutorial

Esta aplicación permitirá codificar un texto introducido por teclado por el usuario, especificar las dimensiones del mismo, generar el código QR y tener la posibilidad de guardarlo en disco en formato de imagen.

Paso 1. Descarga e instala las librerías ZXing, si ya las tienes instaladas salta al paso 2

Paso 2. Crea un nuevo proyecto en Netbeans llamado “QRCreator” que tenga la siguiente estructura:

proyecto

  • Interfaz.java: es un JFrame, la interfaz principal de nuestra aplicación
  • MyQRCreator.java: Clase donde se implementara los métodos de la libreria ZXing
  • QRDialog.java: es una clase de tipo JDialog

Ademas debemos añadir las librerías de ZXing al proyecto

Paso 3: La interfaz

Ayudándote de las herramientas gráficas de Netbeans crea una interfaz como la siguiente imagen:

gui qr

No te olvides de cambiar los nombres de los objetos que están numerados.

Adicionalmente al JSpinner debes modificar su Model de la siguiente forma:

  • Model Type: Number
  • Number Type: Integer
  • Initial Value: 150
  • Minimum : 100
  • Maximum: 500
  • Step Size: 10

Paso 4. JDialog (QRDialog)

La interfaz del JDialog, solamente consiste solamente en un JLabel, ayúdate de un GridBagLayout para centrarlo en la ventana. Este JDialog nos permitirá mostrar el QR.

dialog

Paso 5. MyQRCreator.java

Esta clase contiene un método para crear codificar un texto y retornar una imagen en memoria.

import java.awt.image.BufferedImage;
import java.io.IOException;
import javax.imageio.ImageIO; 
import com.google.zxing.BarcodeFormat;
import com.google.zxing.EncodeHintType;
import com.google.zxing.MultiFormatWriter;
import com.google.zxing.Writer;
import com.google.zxing.common.BitMatrix;
import com.google.zxing.client.j2se.MatrixToImageWriter;
import java.io.ByteArrayInputStream;
import java.io.ByteArrayOutputStream;
import java.util.EnumMap;
/**
 * @web http://www.jc-mouse.net/
 * @author Mouse
 */
public class MyQRCreator {

    /** Constructor de clase */
    public MyQRCreator(){}

    /**
 * Metodo que crea el QR
 * @param String data Texto a codificar
 * @param int size dimension (Alto,ancho) de la imagen a generar
 * @return BufferedImage
 */
    public BufferedImage createQR(String data, int size)
    {
        BitMatrix matrix;
        Writer writer = new MultiFormatWriter();
        try {            
            EnumMap<EncodeHintType,String> hints = new EnumMap<EncodeHintType,String>(EncodeHintType.class);
            hints.put(EncodeHintType.CHARACTER_SET, "UTF-8");            
            matrix = writer.encode(data, BarcodeFormat.QR_CODE, size, size, hints);
            ByteArrayOutputStream output = new ByteArrayOutputStream();
            MatrixToImageWriter.writeToStream(matrix, "PNG", output);
            byte[] data_array = output.toByteArray();
            ByteArrayInputStream input = new ByteArrayInputStream(data_array);
            return ImageIO.read(input);            
        } catch (com.google.zxing.WriterException ex) {
            System.err.println(ex.getMessage());
        } catch (IOException ex) {
            System.err.println(ex.getMessage());
        }
        return null;
    }

}//end:MyQRCreator

Paso 5: Interfaz (Código)

Abrimos nuevamente nuestra clase Interfaz y en el evento del botón “btnCreate” añadimos el siguiente código

    private void BtnCreateActionPerformed(java.awt.event.ActionEvent evt) {                                          

        if(TxtContent.getText().length()>0)
        {
            MyQRCreator qr = new MyQRCreator();
            QRDialog qRDialog = new QRDialog(this,true);            
            qRDialog.setImageQR( qr.createQR(TxtContent.getText(), (Integer)SpDimension.getValue()) );
            qRDialog.setVisible(true);    
        }  

    }

Paso 6: QRDialog

Para terminar la aplicación, abrimos la clase QRDialog en modo código.

Modificamos el constructor de clase de la siguiente manera:

    BufferedImage bufferedImage;
    /**
 * Creates new form QRDialog
 */
    public QRDialog(java.awt.Frame parent, boolean modal) {
        super(parent, modal);
        initComponents();

        setTitle("QR");
        jLabel1.setText("");
        jLabel1.setToolTipText("Click to save");
        setLocationRelativeTo(null);        
        setBackground(Color.white);
    }

Declaramos un nuevo método “setImageQR” que nos permitirá pasar una imagen al JDialog

    public void setImageQR(BufferedImage bufferedImage)
    {
        if(bufferedImage!=null)
        {
            this.bufferedImage = bufferedImage;
            ImageIcon icon = new ImageIcon(bufferedImage);            
            setSize(icon.getIconWidth()+20,icon.getIconHeight()+40);
            jLabel1.setIcon( icon );                        
        }
    }

Para terminar agregamos el siguiente código al evento del único JLabel del QRDialog

    private void jLabel1MouseClicked(java.awt.event.MouseEvent evt) {                                     
        JFileChooser fileChooser = new JFileChooser();
        fileChooser.setDialogTitle("Save QR");
        FileFilter filter = new FileNameExtensionFilter("QR Image", "PNG");
        fileChooser.addChoosableFileFilter(filter);
        int userSelection = fileChooser.showSaveDialog(this);
        if (userSelection == JFileChooser.APPROVE_OPTION)
        {
            File fileToSave = fileChooser.getSelectedFile();
            if (!fileToSave.toString().endsWith(".png"))
            {
             fileToSave = new File(fileChooser.getSelectedFile()+".png");
            }
            try {            
                ImageIO.write(bufferedImage, "png", fileToSave);
            } catch (IOException ex) {
                System.err.println( ex.getMessage() );
            }
            dispose();
        }
    }

Este código nos permite abrir una ventana “Save as” para guardar en disco el QR generado en formato PNG

app qr creator

Descargar proyecto QRCreator

enjoy!!!

Tags

Si te ha gustado podrías compartirlo o dejar un comentario. ¡Muchas gracias!
Autor: JC Mouse

Yo soy yo :) JC Mouse, Soy orgullosamente boliviano soy fundador y CEO de la web jc-Mouse.net uno de las pocas web en emprendimiento y tecnología en Bolivia.

Toda la información que encuentres en este sitio es y sera completamente gratis siempre, puedes copiar, descargar y re-publicar si así lo deseas en otros blogs o sitios web, solo te pido a cambio que dejes una referencia a esta web. Esto nos ayuda a crecer y seguir aportando. Bye

Enjoy! :)

También Te Podría Interesar

Guía básica: Trabajando con GitHub y Netbeans

Guía básica: Trabajando con GitHub y Netbeans

Netbeans tiene soporte para trabajar con varias herramientas de control de versiones, GIT es una de ellas, esta herramie...

Conexion c# y MySQL con ADO.NET

Conexion c# y MySQL con ADO.NET

Uno de los mayores problemas que se presenta en el desarrollo de una aplicación, es el acceso a la base de datos y el mé...

Crear ventana de ayuda sin JavaHelp

Crear ventana de ayuda sin JavaHelp

Java Help es (o era) una librería para java que permitía añadir ventanas de ayuda HTML a nuestros proyectos, al ser una...

Primeros pasos en Jaspersoft Studio

Primeros pasos en Jaspersoft Studio

¿Que es Jaspersoft Studio? Jaspersoft Studio es el nuevo diseñador de informes basado en Eclipse para JasperReports y Ja...

Ejemplo socket java Cliente/Servidor

Ejemplo socket java Cliente/Servidor

En este post construiremos un sencillo sistema Cliente/Servidor en lenguaje Java, el sistema consistirá básicamente en u...

Shapes y evento click de jquery

Shapes y evento click de jquery

En este tutorial crearemos shapes en tiempo de ejecución y ademas les daremos un poco de movimiento. Para realizar corre...

13 comentarios en “Generador de códigos QR (Quick Response)”

  1. luis dice:

    Muy bien aporte

  2. Cristina Salas Maita dice:

    Muy bien. Una consulta: yo utilice el barcode y en mi computadora funciona correctamente. Pero cuando copio el .jar de mi aplicacion en otra PC no funciona., cuando quiere crear la instancia del QR, da error y no la crea. No se que puede ser, te agradeceria mucho si pudieras ayudarme.

    1. Mouse dice:

      es problema de rutas, verifica que estas importando las librerías correctamente

  3. Ronald dice:

    Que buen Post, hay forma de agregar a jaspereport con las librerias ZXing (core-2.3.0.jar y zxing-j2se-1.7.jar?

    1. Mouse dice:

      si, ya hay un post sobre esto 🙂

  4. Celina dice:

    Sabes como quitarle los margenes o poner los margenes en 0

  5. Juan Castaneda dice:

    Jmouse que interesante, requiero su ayuda o la persona que me pueda guiar, estoy tomando el codigo para implementarlo dentro de un JDesktopPane pero no he podido hacer que corra, porque solo es un Frame. agradesco su ayuda.

  6. Berceliuz dice:

    hola JC-Mouse buen tuto …. ya que me sirve para hacer un pequeño proyecto… pero como haría para hacer el proceso inverso … pasar de la imagen al texto… gracias

    1. Mouse dice:

      necesitas un lector de codigos, puedes usar el que viene con tu dispositivo android, hay un tuto sobre eso 🙂 buscalo si 🙂

  7. hola JC Mouse me gusto mucho porque me ayuda a darme una idea en un proyecto que estoy haciendo PERO TENGO UNA GRAN DUDA Y NO ENCUENTRO RESULTADOS NI SEMEJANZAS, lo que quiero hacer es pasarle un formulario en vez de solo una caja de texto a mi qr, COMO LE PUEDO HACER?
    es decir al hacer la lectura del código qr quiero que se visualice lo que yo había guardado en un formulario, que al escanearlo se muestre con un formato bien estructurado, como puedo hacerle,AYUDENMEE PORFAVOOOR 🙁 , es de vida o muerte este proyecto 🙁

    1. Mouse dice:

      QR solo almacena texto plano, todo dependería de tu APP que lea esos datos del QR y los interprete de X o Y manera

      1. no entiendo muy bien, la vdd no soy tan avanzado pero me gustaria aprenderlo, podrias hacer un tutorial de ello?

  8. Quino dice:

    Hola,
    necesito hacer los margenes mas pequeños o eliminarlos.
    ¿Alguien sabe como hacerlo?
    Gracias

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

Comparte lo que sabes

Categorias

Últimas entradas

Slim es un micro framework para PHP que nos ayuda a escribir rápidamente aplicaciones Web y APIs sencillas pero poderosa...

Es recomendable tener actualizado la Maquina Virtual Java de nuestro equipo para poder disfrutar de las mejoras que trae...

JavaFX implementa el control webview que nos permite agregar contenido HTML cargado mediante la clase WebEngine. El comp...

En este ejemplo tenemos un array en JSON el cual representa una lista de alumnos y queremos llevar este a una lista en j...

Android Bolivia

Bandera en Alto