¿Cómo insertar una imagen en eclipse? Aquí te lo decimos.

1. CETis 109
Lourdes Garnica Patiño
Sánchez Arteaga Esmeralda
Desarrollo de aplicaciones móviles
Maestra: Margarita Romero
4 BM Programación

2. Como insertar una imagen
en eclipse

3. Poner Imagen de fondo en un
JPanel

4. PRIMER PASO
Para ello primero debemos crear una carpeta
dentro de la carpeta "src" del proyecto:
Pinchamos con el botón derecho del ratón
encima de la carpeta "src" del proyecto, en el
menú que se despliega pincháis en "Nuevo" y
posteriormente elegís "carpeta", le ponéis el
nombre que deseéis, yo para este tema
le pondré de nombre "imágenes"

5. SEGUNDO PASO
• Ya tenemos nuestra carpeta creada,
ahora debemos agregarle una imagen,
para ello pinchamos sobre la carpeta
creada (os tiene que salir con un
símbolo parecido al de paquete, pero en
color blanco) y le dais a la opción de
"importar"

6. TERCER PASO
• Se nos abrirá una ventana
con muchas carpetas, en
este momento solo nos
interesa la carpeta
"General", pincháis en ella y
se os desplegará otro menú
donde debéis elegir la
opción de "Sistema de
archivos"

7. CUARTO PASO
• Se os abrirá una ventana donde
deberéis elegir el directorio donde
está la imagen, que os aparecerá en
el cuadrado izquierdo, y en el
derecho os saldrá todos los
archivos que tenéis en ese
directorio, solamente elegís vuestra
imagen y le dais a "Finalizar".
Fijaos antes de darle a "Finalizar"
que la carpeta de destino sea la del
proyecto.

8. QUINTO PASO
• Bien, ya tenemos una
imagen dentro de
nuestro proyecto java

9. SEXTO PASO
• Ya hemos visto como introducir una
imagen en un proyecto Java, ahora
veremos como podemos hacer que luzca
en nuestro proyecto. Para ello vamos a
realizar 2 clases:
• Una clase que herede de la clase JPanel
para poder modificarla a nuestro gusto.
• Una clase que herede de la clase JFrame y
donde nuestra imagen será mostrada.
• Primera Clase:

10. – Creamos una nueva clase, que hereda de la clase JPanel.
– Creamos dos atributos, ImageIcon y String.
– ImageIcon cargará la imagen en una variable llamada "imagen".
– String pasará la URL a ImageIcon. La String es llamada "nombre", pero eso a sido porque
no me he dado cuenta de lo que hacía...estaba un poco en la inopia, podéis llamarla url si
os es más fácil.
– Creamos un constructor con un parámetro (String nombre) y le decimos a la clase que
ese parámetro que va a ser igual al parámetro que tenemos en la clase:
– this.nombre=nombre;
– Posteriormente invocamos el método "paint" para que nos ayude a pintar la imagen.
– Dentro de este método creamos un objeto de la clase "Dimension" que obtiene el
tamaño del Panel en todo momento(OJO, Java no pilla la letra "ñ").
» Dimension tamanio=getSize();
– Creamos un objeto de la clase ImageIcon y le indicamos donde tiene que buscar el
archivo, en este caso es dentro del proyecto, para ello utilizamos el siguiente código:
– imagen=new ImageIcon(getClass().getResource(nombre));
– Donde "nombre" será la URL que le pasemos por el constructor.
– Ahora le decimos a la Clase Graphics que nos pinte la imagen según los parámetros que
le pasemos
– Indicamos que el panel será transparente (ya que si no, no se vería la imagen)
– Y finalmente le decimos a "super"que lo pinte.
– super.paint(g);

11. SEPTIMO PASO
• Creamos una clase que herede de JFrame.
• En la MAIN creamos un objeto de esta misma
clase:
• Fondo f=new Fondo();
• Le damos un tamaño:
• f.setSize(400,300);
• Lo hacemos visible:
• f.setVisible(true);
• Creamos un objeto de la clase que hicimos
anteriormente, en mi caso se llamaba "Panel", y
le pasamos la url de nuestra imagen:
• panel p=new Panel("/imagenes/fondo.jpg")
• Es muy importante que empiece con una barra,
así le indicamos que está dentro de "src", y es
muy importante también que indiquemos el
nombre del archivo.
• Finalmente añadimos el objeto de Panel a la
Frame:
• f.add(p);

12. FUNETES DE INFORMACION
• https://www.youtube.com/watch?v=aB8a00Jg
C5I
• http://picarcodigo.blogspot.mx/2012/08/pon
er-imagen-de-fondo-en-un-jpanel.html
• http://bytelchus.com/imagen-de-fondo-en-
java-jframe/

13. COMENTARIO
• Con esta investigación podemos
estar mas preparados para crear un programa con una imagen
de fondo
por que ya se tiene un conocimiento base para crearlo

14. Muy interesante la investigación ya que nos explica detalladamente como
insertar una imagen para insertar en eclipse, me parece interesante ya que no
sabía ni nos habían explicado como hacer una. Me sirvió de mucho y espero
poder llevar a cabo esta practica^^.