Mejorar Captura Firma Manuscrita

[Juan Pelaez]

Buenos días,

Primero un Saludo a todos porque soy nuevo en este foro.

Segundo, os sitúo un poco sobre mi situación, soy programador desde hace un MONTON de años pero en otro sistema ( RPG - AS400 IBM ), nada que ver con el apasionante mundo del Java, Hace algún tiempo empecé a meterme con Java sobre todo para complementar las GRANDES carencias de los IBM. Teniendo la necesidad en un programa de registrar la firma de los visitantes encontré el código de un forero dani86 que hace EXACTAMENTE lo que necesito, el caso es que el código que el puso tiene el problema que NO se vé la firma que haces en el panel, SI la graba Bien y SI la graba en la ruta que le especifico.

Dado que aun soy nuevo en esto no se muy bien como arreglarlo, no os pido que me lo hagáis por mi pero SI algún consejo para trabajar este código. Entiendo que sería plasmar en el JPanel lo que estoy grabando.

La parte que me interesa es el código que pone EL habiéndolo pasado a un programa Java autoejecutable pasándole parámetros y donde comenta este problema :

https://foro.elhacker.net/java/problemas_con_app_simple_para_dibujar_firma_y_guardarla_como_imagen-t427969.0.html

Muchas gracias por vuestra ayuda.

[rub'n]

Suena interesante, pero de por si, no uses Applet eso esta deprecated, creo que extendiendo de un JPanel la historia seria mejor, vere que puedo hacer.

[Juan Pelaez]

Suena interesante, pero de por si, no uses Applet eso esta deprecated, creo que extendiendo de un JPanel la historia seria mejor, vere que puedo hacer.

MUCHAS Gracias,

Toda ayuda será bien recibida, mis conocimientos de Java no son muy amplios.

[rub'n]

Algo se avanzo pero el sueño no me deja... guiate abajo  

• Código tomado del original y refactorizado, asi que creditos a esa gente tan aburrida  
• Añadido un JFileChooser para guardar la imagen resultante
• Refactorización del JPanel para que se escriba dentro de el, y no en todo el JFrame como el codigo original
• Sin test unitarios

FIXME

• Refactorizar para que al redimenzionar el JFrame el JPanel de firmar, lo haga también
• Quizas redimencionando el JPanel de firma bastaria, pero el BufferedImage abria que retocarlo eso creo.

MainJFrame

Código (java) [Seleccionar] Expandir

package com.signwithmouse;

import lombok.extern.slf4j.Slf4j;

import javax.swing.*;
import javax.swing.border.TitledBorder;
import java.awt.*;

/**
* https://foro.elhacker.net/java/problemas_con_app_simple_para_dibujar_firma_y_guardarla_como_imagen-t427969.0.html
*
* Nombre de clase = recogeFirma
* Descripcion = Clase encargada de capturar la firma que se dibuja en pantalla
*
* @version 1.0
* @author rubn
* @author google
* @author mas personas
*/
@Slf4j
public class MainJFrame extends JFrame {

   private static final String TITLE = "App Firma";
   private JButton jButtonBorrar = new JButton("Borrar");
   private JButton jButtonGuardar = new JButton("Guardar");
   private JLabel jLabelIL = new JLabel("Introduzca su firma");

   private final JPanel mainJPanel = new JPanel();
   //Algo de Magia
   private JPanelForSign jPanelForSign = new JPanelForSign();

   public MainJFrame() {

       this.configureJFrame();
       this.configureJPanels();
       this.initBehaviour();

   }

   private void configureJFrame() {
       super.setResizable(false);
       super.setPreferredSize(new Dimension(400,350));
       super.add(mainJPanel);
       super.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
       super.pack();
       super.setLocationRelativeTo(null);
       super.setVisible(true);
   }

   private void configureJPanels() {

       final TitledBorder border = new TitledBorder(TITLE);
       border.setTitleJustification(TitledBorder.CENTER);
       border.setTitlePosition(TitledBorder.TOP);

       this.mainJPanel.setBorder(border);
       this.mainJPanel.setLayout(new BorderLayout());

       final JPanel panelFooter = new JPanel();
       panelFooter.setLayout(new FlowLayout());
       panelFooter.add(new JLabel());
       panelFooter.add(jLabelIL);
       panelFooter.add(jButtonBorrar);
       panelFooter.add(jButtonGuardar);
       mainJPanel.add(jPanelForSign);
       mainJPanel.add(panelFooter,BorderLayout.SOUTH);
       mainJPanel.setPreferredSize(new Dimension(450, 250));
   }

   private void initBehaviour() {
       jButtonBorrar.addActionListener(e -> {
           //Blanquear la imagen de la firma
           jPanelForSign.clearSignZone();
       });
       jButtonGuardar.addActionListener(e -> {
           jPanelForSign.guardarFirma();
       });
   }

   public static void main(String... blabla) {
       final String osType = System.getProperty("os.name");
       try {
           if(osType.contains("Win")) {
               UIManager.setLookAndFeel("com.sun.java.swing.plaf.windows.WindowsLookAndFeel");
           }else if(osType.contains("Linux")) {
               UIManager.setLookAndFeel("javax.swing.plaf.nimbus.NimbusLookAndFeel");
           }
       }catch(Exception ex) {}

       new Thread(MainJFrame::new).start();
   }

}

JPanelForSign

Código (java) [Seleccionar] Expandir

package com.signwithmouse;

import com.signwithmouse.util.GetFileChooser;
import lombok.extern.slf4j.Slf4j;

import javax.imageio.ImageIO;
import javax.swing.*;
import java.awt.*;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseMotionAdapter;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.nio.file.Path;
import java.util.concurrent.atomic.AtomicInteger;

/**
* JPanel donde se firmara
*/
@Slf4j
public class JPanelForSign extends JPanel {

   private static final int WIDTH = 400;

   private BufferedImage bufferedImage = new BufferedImage(WIDTH, WIDTH, BufferedImage.TYPE_INT_ARGB);
   private final AtomicInteger uX = new AtomicInteger();
   private final AtomicInteger uY = new AtomicInteger();

   public JPanelForSign() {
       super.setBackground(Color.WHITE);
       super.requestFocus();
       super.setBorder(BorderFactory.createEtchedBorder());
       this.addMouseListener(new MouseAdapter() {
           @Override
           public void mousePressed(MouseEvent e) {
               uX.set(e.getX());
               uY.set(e.getY());
               repaint();
           }
       });

       this.addMouseMotionListener(new MouseMotionAdapter() {
           @Override
           public void mouseDragged(MouseEvent e) {
               final int x = e.getX();
               final int y = e.getY();
               final Graphics2D g2 = (Graphics2D) bufferedImage.getGraphics();
               g2.setBackground(Color.WHITE);
               g2.setColor(Color.BLACK);
               g2.drawLine(uX.get(), uY.get(), x, y);
               uX.set(x);
               uY.set(y);
               g2.dispose();
           }
       });

   }

   public void clearSignZone() {
       this.createEmptyImage();
       super.repaint();
   }

   private void createEmptyImage() {
       bufferedImage = new BufferedImage(super.getWidth(), super.getHeight(), BufferedImage.TYPE_INT_ARGB);
       final Graphics2D g2d = (Graphics2D) bufferedImage.getGraphics();
       g2d.setColor(Color.BLACK);
   }

   @Override
   public void paint(Graphics g) {
       super.paint(g);
       final Graphics2D graphics2D = (Graphics2D) g.create();
       graphics2D.drawImage(bufferedImage, 0, 0, null);
       super.repaint();
   }

   /**
    * Método que guarda la imagen generada
    */
   public void guardarFirma() {
       final JFileChooser jFileChooser = GetFileChooser.getFileChooser(JFileChooser.DIRECTORIES_ONLY);
       if (jFileChooser.showSaveDialog(this) == JFileChooser.APPROVE_OPTION) {
           Path path1 = jFileChooser.getSelectedFile().toPath();
           final String fileN = path1.getFileName().toString();

           if(!fileN.endsWith(".png")) {//En caso de que no termine en .png se lo concatenamos
               try {
                   String fileName = path1.getFileName().toString().concat(".png");
                   path1 = path1.resolveSibling(fileName);
                   ImageIO.write(bufferedImage, "png", path1.toFile());
                   JOptionPane.showMessageDialog(null, "Imagen creada correctamente!");
               } catch (IOException e) {
                   log.warn(e.getMessage());
                   JOptionPane.showMessageDialog(null, "Error al guardar!");
               }
           } else {
               try {
                   final Path path2 = jFileChooser.getSelectedFile().toPath();
                   ImageIO.write(bufferedImage, "png", path2.toFile());
                   JOptionPane.showMessageDialog(null, "Imagen creada correctamente!");
               } catch (IOException e) {
                   log.warn(e.getMessage());
                   JOptionPane.showMessageDialog(null, "Error al guardar!");
               }
           }
       }
   }
}

Para guardar

Borrar la firma

• Source
• SigningWithMouse-1.0.jar
  

[Juan Pelaez]

Algo se avanzo pero el sueño no me deja... guiate abajo 

Para guardar

Borrar la firma

Source

De verdad rub'n, MUCHISIMAS GRACIAS, este fín de semana voy a analizar el código e implantarlo ( con tu permiso ).

Ya te contaré que tal me ha ido.

Envidia me das de dominar de esta forma el Java.

[Juan Pelaez]

De verdad rub'n, MUCHISIMAS GRACIAS, este fín de semana voy a analizar el código e implantarlo ( con tu permiso ).

Ya te contaré que tal me ha ido.

Envidia me das de dominar de esta forma el Java.

Buenas noches,

Siento molestarte pero estoy atascado en :

@Slf4j

No tengo muy claro que es y como incorporarlo para que en Eclipse no me de error ( siento mi desconocimiento de Java )

Puedes orientarme ?

Gracias

[K-YreX]

@Slf4j es una anotación que permite generar un log de forma alternativa a crear un atributo static. Para utilizarlo debes incorporar la biblioteca lombok a tu proyecto e importarlo con:

Código (java) [Seleccionar] Expandir

import lombok.extern.slf4j.Slf4j;

Los logs sirven para producir mensajes en determinados puntos y mostrarlos o guardarlos en un fichero de salida (lo que se conocen como los logs de la aplicación) para ver un seguimiento y poder detectar errores, problemas,...

Si no vas a utilizar logs en tu aplicación y/o no utilizas lombok, puedes eliminar esa anotación y el import indicado antes sin problemas y todo debería funcionar correctamente.

Suerte 

[rub'n]

K-YreX asi es.

Juan Pelaez no importa que preguntes eso, Mmm creo que debes permitir el uso de lombok en eclipse.

O comentar la linea 20,  94 y 103 en la clase JPanelForSign 

[Juan Pelaez]

K-YreX asi es.

Juan Pelaez no importa que preguntes eso, Mmm creo que debes permitir el uso de lombok en eclipse.

O comentar la linea 20,  94 y 103 en la clase JPanelForSign 

Ok, Gracias a los dos ( rub'n, K-YreX ).Lo he entendido perfectamente, como parece interesante el poder seguir posibles Errores voy a intentar incorporarlo en el proyecto. También es una forma de ir aprendiendo más.

Gracias,

Ya os contaré.

[rub'n]

Ok, Gracias a los dos ( rub'n, K-YreX ).Lo he entendido perfectamente, como parece interesante el poder seguir posibles Errores voy a intentar incorporarlo en el proyecto. También es una forma de ir aprendiendo más.

Gracias,

Ya os contaré.

Asi es, si quieres una tarea buena, aprende con lombok, no te sera muy complicado, solo que por medio de anotaciones tienes esa utilidad tambien,

Entonces permite crear codigo en runtime, nos ahorra escribir codigo, incluso dicha dependencia ya viene por defecto en otro IDE como IntelliJ IDEA siendo la configuracion muy corta y facil.


prueba a usar la anotacion @Data de lombok es cool, te crea, getters, setter, toString() hashCode() e Equals() en runtime... y el codigo te quedaria algo asi

Código (java) [Seleccionar] Expandir

@Data
public class Hola {

   private String hola = "Hi!";

}

Donde aparentemente no pasa nada, pero si que hay magia detras... cuando vas a otra clase puedes hacer

Código (java) [Seleccionar] Expandir

new Hola().setHola("");

o

Código (java) [Seleccionar] Expandir

new Hola().getHola();