Aprende Java Aprende Php Aprende C++ Aprende HTML 5 Aprende JavaScript Aprende JSON Aprende MySQL Aprende SQLServer Aprende Visual Basic 6 Aprende PostgreSQL Aprende SQLite Aprende Redis Aprende Kotlin Aprende XML Aprende Linux VSC Aprende Wordpress Aprende Laravel Aprende VueJS Aprende JQuery Aprende Bootstrap Aprende Netbeans Aprende Android
Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube Sigueme en TikTok Sigueme en Whatsapp
Home / Java / Java / Proyectos / Efecto de explosión al abrir un JPanel

Efecto de explosión al abrir un JPanel

Por jc mouse martes, marzo 19, 2013

En este tutorial crearemos un interesante efecto de explosión al momento de abrir un JPanel, este efecto puede extenderse a un JFrame o un jInternalFrame con pequeñas modificaciones al código. En el siguiente video puedes ver el resultado de este post.

Proyecto.

1. Crea un proyecto en netbeans, añade una clase «explode.java», un JFrame «gui.java», dos JPanel, «panel_A.java» y «panel_B.java».

boom nena

2. Los objetos panel_A y panel_B son quienes se verán afectados por el efecto de explosión, puedes añadir algunos  controles para que se pueda apreciar mejor el efecto, el JPanel contenedor (de JFrame gui.java) tiene una dimensión de  600×400 así que estos dos paneles no deben exceder ese tamaño.

baka

3. La interfaz principal, JFrame gui.java, esta formada por dos JButton y un JPanel llamado CONTAINER de tamaño 600×400, se cambio el color de fondo por uno mas oscuro para que pueda apreciarse mucho mejor el efecto de explosión.

php4ever

4. La clase «explode» es quien realizara el efecto de explosión, se utiliza «ScheduledExecutorService» el cual nos permite ejecutar una acción cada «n» tiempo.

En el constructor de clase se pasan dos parámetros de tipo JPanel, containercontent, el primero es el JPanel que contendrá al o los JPanel que tienen el efecto explode, el content, es el JPanel que se vera afectado con el efecto explode.

Tenemos también el método PLAY(), este es el que va incrementando el tamaño del JPanel ademas de que coloca el objeto en el centro del contenedor a medida que este crece. Cuando el JPanel content alcanza el máximo tamaño, se detiene.

import java.awt.Dimension;
import java.util.concurrent.Executors;
import java.util.concurrent.ScheduledExecutorService;
import java.util.concurrent.TimeUnit;
import javax.swing.JPanel;
/**
 * @web https://www.jc-mouse.net/
 * @author Mouse
 */
public class explode {

    private ScheduledExecutorService scheduler = Executors.newSingleThreadScheduledExecutor();    
    private Dimension d;
    private int count = 0;
    //
    private JPanel container;
    private JPanel content;
    //coordenadas del JPanel contenido
    private int px=0;
    private int py=0;
    //
    private int ancho_min = 10;
    private int alto_min = 10;
    private int velocidad = 20;//en milisegundos

    /**
 * Constructor de clase
 */
    public explode( JPanel container , JPanel content )
    {
        this.container = container;
        this.content = content;        
        this.container.removeAll();

        d = new Dimension( 10 ,10 );
        this.content.setSize( d );//tamaño inicial

        //coordenadas iniciales
        px = this.container.getSize().width/2-this.ancho_min/2;
        py = this.container.getSize().height/2-this.alto_min/2;        
        content.setLocation( px, py );
        content.setVisible(true);

        //se agrega al contenedor el JPanel contenido
        this.container.add( content );
        count = 10;
    }

    /**
 * Metodo para ejecutar el efecto EXPLODE
 */
    public void play()
    {       
        scheduler = Executors.newSingleThreadScheduledExecutor();
        scheduler.scheduleAtFixedRate( 
            new Runnable() 
            {

                @Override
                public void run() {                     
                    //nuevo tamaño 
                    d = new Dimension( container.getSize().width * count/100 , container.getSize().height * count/100 );
                    count = count + 10;
                    //se recalcula la posicion mientras el jpanel crece
                    px = container.getSize().width/2-d.width/2;
                    py = container.getSize().height/2-d.height/2;        
                    content.setLocation( px, py );

                   if( count > 100 ) 
                   {                       
                       close();                       
                   }
                   content.setSize( d );
                   container.updateUI();                        
                }
              }, 100, velocidad , TimeUnit.MILLISECONDS );

    }

    /**
 * Metodo para terminar el efecto explode
 */
    public void close() {
        scheduler.shutdownNow();
    }

}//--> fin clase

5. Para acabar debemos implementar todo en el JFrame gui de la siguiente manera:

– Se crean dos instancias de los JPanel

01 public class gui extends javax.swing.JFrame {
02 
03     panel_A panel_a = new panel_A();
04     panel_B panel_b = new panel_B();

– Se añade el código para cada JButton de la siguiente forma

01     private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {                                         
02         new explode( CONTAINER , panel_a ).play();
03     }                                        
04 
05     private void jButton2ActionPerformed(java.awt.event.ActionEvent evt) {                                         
06         new explode( CONTAINER , panel_b ).play();
07     }

Ejecuta la aplicación y si no tienes errores ya puedes probar el efecto explosión.

exploto

Proyecto: JPanel Explode

Tags

Artículos similares

MVC: Modelo, Vista y Controlador en PHP

EL patrón MVC (Model, View, Controller) o Modelo, Vista Controlador, es un tipo de diseño que separa en capas bien defin[...]

Obteniendo coordenadas XY con Touch Event

Los smartphone al no tener los típicos botones de los celulares, su pantalla es sensible al movimiento, esto se llama «t[...]

Obtener Metadatos de un ResultSet

En este post mostramos un ejemplo de uso de la interface ResultSetMetaData el cual se extiende Wrapper que es una interf[...]

Conversor de Audio y Video (GRATUITO)

Shutter Encoder es un software de conversión de video el cual tambien maneja audio e imagenes. Su interfaz de usuario ha[...]

Arrastrar y cargar archivo Excel *.xlsx en tabla Java

A continuación tenemos una clase que nos permite arrastrar un archivo de Excel (*.xlsx) y cargar su contenido en una tab[...]

Crear e instalar modulo NBM

Este post es la continuación del tutorial «Generador de código para Netbeans« en donde vimos como crear un modulo para N[...]