JFrame con imagen de fondo en Netbeans

JAN 29
Post Info
 Mouse
 en 17:16
 27 comentarios
 Permalink

Respondiendo un mail que me llego a mi correo que me hacia la pregunta de como colocar una imagen
dentro de JFrame, me puse a investigar un poco por "san google" y de los muchos ejemplos que encontre
que decian que servian no eran del todo claros y menos te daban todo el codigo, asi que hice un ejemplo
completo para todos me incluyo porque talves me sirva en el futuro. Asi que aqui esta.

Paso 1: crea un nuevo proyecto con netbeans y agrega un nuevo JFrame, para este ejemplo, llamalo
"forma" (luego puedes darle el nombre que quieras).

Paso 2: Agrega un nuevo "paquete de imagenes" y añade una imagen, sino sabes como date una vuelta
por aqui "Paquete de imagenes en Java y Netbeans", la imagen de ejemplo para este tutorial es "la casa
de la libertad" nombre del archivo "casalibertad.jpg".

Paso 3: Crea una nueva clase, llamala "mipanel.java", hasta ahora debes tener algo como esto:
las que estan tachadas no importan, ya las tenia de un proyecto anterior, asi que ignoralas.
continuemos...

Paso 4: en la clase mipanel.java, coloca el codigo

package contactos;

import java.awt.Dimension;
import java.awt.Graphics;
import javax.swing.ImageIcon;

/**
* http://jc-mouse.blogspot.com/
* @author Mouse
*/
public class mipanel extends javax.swing.JPanel {

public mipanel(){
this.setSize(400,280);
}

@Override
public void paint(Graphics g){
Dimension tamanio = getSize();
ImageIcon imagenFondo = new
ImageIcon(getClass().getResource("/imagenes/casalibertad.jpg"));
g.drawImage(imagenFondo.getImage(),0,0,tamanio.width, tamanio.height,
null);
setOpaque(false);
super.paintComponent(g);
}

Explicacion necesaria: lo que hacemos es crear un JPanel propio, al cual le sobreescribimos el

metodo paint() y especificamos la direccion de nuestra imagen, al estar nuestra imagen en un paquete de
nuestro proyecto, no necesitamos utilizar una direccion absoluta, sino al contrario
usamos getResource para obtener el recurso que ya tenemos empaquetado, del mismo modo en el
constructor de nuestra clase mi panel, especificamos el tamaño de la imagen.

Paso 5:
ahora en nuestro JFrame que creamos (forma.java), haremos uso de import java.awt.BorderLayout; ya
debes saber donde colocarlo, a nuestra jframe le añadimos el evento WindowOpened y colocamos el
codigo de abajo
private void formWindowOpened(java.awt.event.WindowEvent evt) {
mipanel p = new mipanel();
this.add( p , BorderLayout.CENTER);
p.repaint();
}

y eso es todo, ejecuta el proyecto y ya.

el jFrame solamente con imagen de fondo

el jFrame con la imagen y otros objetos

Ejercicio 01 - Ejercicios Propuestos y Resueltos de

Estructuras Selectivas
Tu Café Java 19:29 ,Aplicación Estructuras Selectivas ,GUI ,if ,if-else ,JFrame ,switch

Comenzamos por la creación de nuestro proyecto en el IDE Netbeans, al cual llamaremos Ejercicio01,
el nombre puede ser variable (relativo) según los gustos que tengas.

Luego crearás un paquete como en la imagen de a continuación:

Indicando que dentro de ese paquete que tiene por nombre app, vamos a colocar el formulario que
desees crear, también lo haré modo consola para aquellos que aún no manejan correctamente la
interfaz gráfica de usuario.

Luego dentro del paquete que acabas de crear, podrás incorporar una ventana del tipo JFrame
diseñando a través de los componentes JLabel, JTextField y JButton el siguiente formulario.

Cada uno de ellos tendrá su propio nombre de variable especialmente los JTextField que permitirán
la captura de los texto ingresados denominados como nota 01 a la nota 04. Incluyendo el nombre de
la variable del botón Calcular.
Siguiente el criterio mencionado en el enunciado del ejercicio:

Cuatro enteros entre 0 y 100 representan las puntuaciones de un estudiante de un curso de

informática. Escribir un programa que encuentre la media de estas puntuaciones y que visualice una
tabla de notas de acuerdo con el siguiente cuadro:

MEDIA PUNTUACIÓN

90-100 A

80-89 B
 70-79 C

60-69 D

0-59 E

Entonces harás doble clic en el botón Calcular, dentro del cual añadirás el siguiente código:

private void txtLadoKeyTyped(java.awt.event.KeyEvent evt) {

private void btnCalcularActionPerformed(java.awt.event.ActionEvent

evt) {

double nota01 = Double.parseDouble(txtNota01.getText());

double nota02 = Double.parseDouble(txtNota02.getText());

double nota03 = Double.parseDouble(txtNota03.getText());

double nota04 = Double.parseDouble(txtNota04.getText());

double promedio = (nota01 + nota02 + nota03 + nota04)/4;

String rango = "";

if(promedio <= 59){

rango = "E";

}else if(promedio <= 69){

rango = "D";

}else if(promedio <= 79){

rango = "C";

}else if(promedio <= 89){

rango = "B";

}else {

rango = "A";
 }

lblRespuesta.setText("El promedio obtenido es: " + promedio +

"Su rango es: " + rango);

Para el mejor caso si la línea de la respuesta "El promedio obtenido es:" inserte esa imagen para
que puedas ver como sería una manera de hacerlo.

Una vez terminado la aplicación deberia resultarte de la siguiente manera:

Eso sería todo en este artículo, sin embargo no te olvides de dejar tu comentario, compartir en tus
redes sociales, apóyanos a mantener mejor este blog.