agregar una imagen
TRANSCRIPT
![Page 1: Agregar una imagen](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55c8b2a3bb61ebd75f8b4578/html5/thumbnails/1.jpg)
CETis 109
Lourdes Garnica PatiñoSánchez Arteaga EsmeraldaDesarrollo de aplicaciones móviles
Maestra: Margarita Romero 4 BM Programación
![Page 2: Agregar una imagen](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55c8b2a3bb61ebd75f8b4578/html5/thumbnails/2.jpg)
Como insertar una imagen en
eclipse
![Page 3: Agregar una imagen](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55c8b2a3bb61ebd75f8b4578/html5/thumbnails/3.jpg)
Poner Imagen de fondo en un JPanel
![Page 4: Agregar una imagen](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55c8b2a3bb61ebd75f8b4578/html5/thumbnails/4.jpg)
PRIMER PASOPara 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"
![Page 5: Agregar una imagen](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55c8b2a3bb61ebd75f8b4578/html5/thumbnails/5.jpg)
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"
![Page 6: Agregar una imagen](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55c8b2a3bb61ebd75f8b4578/html5/thumbnails/6.jpg)
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"
![Page 7: Agregar una imagen](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55c8b2a3bb61ebd75f8b4578/html5/thumbnails/7.jpg)
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.
![Page 8: Agregar una imagen](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55c8b2a3bb61ebd75f8b4578/html5/thumbnails/8.jpg)
QUINTO PASO• Bien, ya
tenemos una imagen dentro de nuestro proyecto java
![Page 9: Agregar una imagen](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55c8b2a3bb61ebd75f8b4578/html5/thumbnails/9.jpg)
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:
![Page 10: Agregar una imagen](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55c8b2a3bb61ebd75f8b4578/html5/thumbnails/10.jpg)
– 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);
![Page 11: Agregar una imagen](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55c8b2a3bb61ebd75f8b4578/html5/thumbnails/11.jpg)
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);
![Page 12: Agregar una imagen](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55c8b2a3bb61ebd75f8b4578/html5/thumbnails/12.jpg)
FUNETES DE INFORMACION
• https://www.youtube.com/watch?v=aB8a00JgC5I
• http://picarcodigo.blogspot.mx/2012/08/poner-imagen-de-fondo-en-un-jpanel.html
• http://bytelchus.com/imagen-de-fondo-en-java-jframe/
![Page 13: Agregar una imagen](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55c8b2a3bb61ebd75f8b4578/html5/thumbnails/13.jpg)
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
![Page 14: Agregar una imagen](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55c8b2a3bb61ebd75f8b4578/html5/thumbnails/14.jpg)