Index / Java / Animación de JProgressBar con hilos

Animación de JProgressBar con hilos

Autor jc mouse viernes, noviembre 30, 2012

Si nuestra aplicación tiene que llevar a cabo un cierto trabajo que no sabemos cuanto durará y que a la vez consume muchos recursos, tenemos dos problemas, ¿como le hacemos saber al usuario que tiene que esperar un tiempo sin hacer nada? y segundo, ¿como evitamos que nuestra aplicación se cuelgue mientras el trabajo aún no termina?. Para esos problemas tenemos una solución, utilizar el componente swing jProgressBar (barra de progreso) combinado con Thread (hilos) . La implementación no es ta difícil como suena pero que mejor que con un ejemplo, manos a la obra.

1. Partimos de un proyecto en netbeans que estará compuesto de la siguiente forma:

Un JFrame llamado «interfaz.java«, en esa interfaz tenemos un jbutton, un jProgressBar y dos jTextField. Los nombres de cada objeto están en rojo.

El objeto TimeJob nos indicará el tiempo en segundos que durara un cierto proceso en paralelo y el objeto SpeedBar se refiere a la velocidad de la animación del Jprogressbar.

Tenemos ademas tres clases, la clase JcSampleBar, la clase Job.java y jcThread.java. explicamos el contenido y código más abajo,

2. La clase JcSampleBar es nuestro main encargado de lanzar la aplicación, el código es:

public class JcSampleBar {

    public static void main(String[] args) {
        new interfaz().setVisible(true);
    }

}

3. Simularemos un trabajo «XYZ» en la clase Job.java la cual implementa Runnable para hacer uso de hilos. Este proceso «XYZ» se ejecutara cada cierto tiempo. En la práctica, este proceso puede ser una consulta a la base de datos, conexión a un servidor web, eliminación de archivos, etc. todos estos ejemplos, tienen algo en común, no sabemos cuanto tiempo duraran, controlaremos eso utilizando una variable statica «band» que inicial izaremos en FALSE, eso quiere decir que aún el proceso no a terminado, desde luego, cuando el proceso finalice, la variable cambiara a TRUE, el static es para poder utilizar esta variable desde otra clase, la clase jcThread que veremos más adelante.

public class Job implements Runnable{

    public static boolean band=false;    
    private int tiempo = 5;

    /**
 * Constructor de clase
 */
    public Job( int tiempo ){
        this.tiempo = tiempo;
    }

    @Override
    public void run() {
        band=false;
        for (int i=1; i <= this.tiempo ; i++){
            System.out.println("Haciendo algo divertido... -> " + i + " segundo transcurrido.");
            try{Thread.sleep( 1000 );}
            catch (InterruptedException e){
                System.err.println( e.getMessage() );
            }
        }
        band=true;
    }

}

3. La clase jcThread.java, es la encargada de animar el JProgressBar también implementa la clase Runnable para el manejo de hilos. En el método RUN implementaremos un ciclo WHILE para animar la barra de progreso la cual estará controlado por la variable BAND de la clase Job.java, cuando el trabajo en paralelo finalice, el ciclo se romperá dando fin a la animación del progressbar .

import javax.swing.JProgressBar;
/**
 * @web https://www.jc-mouse.net
 * @author Mouse
 */
public class jcThread implements Runnable{

    private JProgressBar jProgressBar;
    private int i = 1;
    private int value = 50;//retardo en milisegundos

    /**
 * Constructor de clase
 */
    public jcThread( JProgressBar jProgressBar , int value )
    {
        this.jProgressBar = jProgressBar;
        this.value = value;
    }

    @Override
    public void run() {
        i=1;        
        //mientra el trabajo en paralelo no finalice el jProgressBar continuara su animacion una y otra vez
        while( !Job.band )
        {
            //si llega al limite 100 comienza otra vez desde 1, sino incrementa i en +1
            i = (i > 100) ? 1 : i+1;
            jProgressBar.setValue(i);
            jProgressBar.repaint();  
            //retardo en milisegundos
            try{Thread.sleep( this.value );}            
            catch (InterruptedException e){ System.err.println( e.getMessage() ); }            
            //si el trabajo en paralelo a terminado
            if( Job.band )
            {
                jProgressBar.setValue(100);
                System.out.println("Trabajo finalizado...");
                break;//rompe ciclo 
            }            
        }
    }

}

4. Finalmente la clase interfaz.java donde implementaremos ambos hilos en el evento ActionPerformed del jbutton,

    private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {
        //trabajo cualquiera
        new Thread(new Job( Integer.valueOf(TimeJob.getText()))).start();
        // animacion de jProgressBar
        new Thread(new jcThread( this.jProgressBar1 , Integer.valueOf(SpeedBar.getText()) ) ).start();
    }

Ejecutando ahora tendremos como resultado:

a diferentes valores de las variables de TimeJob y SpeedBar podremos comprender mejor como funciona :=D

Eso es todo 🙂 bájate el proyecto en netbeans 7.2 AQUI

También Te Podría Interesar

Reproduce archivos MP3 desde android

Reproducir archivos de audio en nuestras aplicaciones android. Necesitamos IDE Eclipse y SDK Android instalado Un archiv...

«Hola Mundo» con Android Studio y Kotlin

Kotlin es un lenguaje de programación relativamente nuevo que ha ido ganando terreno en el desarrollo de aplicaciones pa...

Crea un TextBox estilo Metro para java

En este tutorial personalizaremos un JTextField java para darle la apariencia de un TextBox de Windows Metro. El TextBox...

Facturación electrónica: El Código de Control

¿Que es la facturación electrónica? Una factura es un documento que sirve para describir el costo de los servicios y des...

JTable editable con base de datos

JTable es un componente swing java que nos permite mostrar datos en una tabla de una base de datos, sin embargo a difere...

Imprimir imagen con Print

La siguiente clase hace uso de PRINT para imprimir una imagen que se encuentra en un variable de tipo FileInputStream, e...

10 comentarios en “Animación de JProgressBar con hilos”

Cristopher dice:

30 noviembre, 2012 a las 21:08

Seria interesante añadirle un Sprite de imágenes que forman una animacion de carga
1. Mouse dice:
  
  1 diciembre, 2012 a las 2:44
  
  yo lo utilizo con imágenes porque la barra no me gusta, no es nada difícil, ya sea con sprites o con un GIF para no hacer mucho trabajo, estamos usando hilos así que la animación del GIF no se congela 😉
Nestor dice:

4 diciembre, 2012 a las 4:23

Primero que nada le mando un cordial saludos. estuve revisando esta pagina y pude apreciar que tienen rutinas muy interesantes con respecto a la programación de java, pero hoy en día he estado buscando un poco sobre ¿Como Hacer Respaldo de base de datos usando Java y PostgreSQL?
Me explico: Necesito hacer un respaldo de mi base de datos haciendo uso de una interfaz (Frame) el me permita Exportar e Importar mi base de datos en este Caso PostGreSQL.
Si sabes algo con respecto a eso de verdad que se lo agradecería mucho que hicieras un tutorial con respecto a eso. sin mas que decir me despido. Excelente Pagina y Felicidades. continua así.
1. Mouse dice:
  
  11 diciembre, 2012 a las 3:33
  
  ok tomo nota 🙂
diegodesdecolombia dice:

15 diciembre, 2012 a las 0:55

En verdad Excelente aporte.
Muchas Gracias.
Luis dice:

6 marzo, 2013 a las 15:07

como cierro un jframe desde una clase estaica el dispose(); no funciona y el .exit(1); tampoco funciona
Gregor dice:

7 mayo, 2013 a las 13:04

Hola master Mouse! .Como siempre se agradecen estos trabajos, diré que el código de este ejemplo está casi bien.
Has fijado los valores tiempo en 5 (en realidad son ms.) y value en 50ms. de modo que al poner otros valores en las cajas de texto el programa toma los valores fijados antes. Compruébalo!
Debes reemplazar lo siguiente:
private int tiempo = 5; ———–> private int tiempo;
Thread.sleep(1000) ————–> Thread.sleep(tiempo)
private int value = 50; ————>private int value;
Así ya funciona!
Si ponemos en la casilla TimeJob 50000 (son 50 seg.) y en speedBar 500 (0.5 seg) la barra hace un sólo recorrido. Cada paso son 0.5 seg y como tiene 100 pasos, 100×0.5= 50 que coincide con el tiempo de trabajo.
Ahora otro tema, cómo harías para que al pulsar un botón se parase el trabajo en paralelo y al pulsar otro botón se cancelase ese trabajo.
Gracias y un saludo!
Gleycer Parra dice:

19 noviembre, 2014 a las 16:34

Como pudiera implementar una barra de progreso como la que explicas mientras se ejecuta un backup a una base de datos en postgres. Te resumo la parte del código en la que llamo al método que realiza el backup.

if (resp == JFileChooser.APPROVE_OPTION) { //Si el usuario presiona aceptar; se genera el Backup
retorno = respaldo.generarBackup(backup.getSelectedFile().toString());
VistaBarraProgreso barraProgreso = new VistaBarraProgreso();

barraProgreso.setVisible(true);
if (retorno) {
JOptionPane.showMessageDialog(null, «Operación de Respaldo con Exito»);

} else {

JOptionPane.showMessageDialog(null, «Operación de Respaldo no Exitosa»);

}
} else if (resp == JFileChooser.CANCEL_OPTION) {
JOptionPane.showMessageDialog(null, «Operación de Respaldo Cancelada»);
retorno = false;
}

Quiero implementarlo luego de llamar al método respaldo.generarBackup(backup.getSelectedFile().toString()); que es el que hace el backup en la base de datos.

Soy novato en programación en Java y no entiendo solo leyendo tu código una forma en la que pueda adaptarlo a mi caso. Muchas gracias
sol dice:

9 diciembre, 2014 a las 18:52

como hago para ejecutarlo.
Fabian dice:

2 julio, 2016 a las 15:36

Hola tengo una pregunta yo lo que quisiera ver y aprender es en el momento que el Barra de progreso empiese a cargar ya cuando finalise que me mande a otro Jframe a otra ventana si necesidad de poner un boton??? 🙂 :v