Agregar una imagen

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

Transcript of Agregar una imagen

CETis 109

Lourdes Garnica PatiñoSánchez Arteaga EsmeraldaDesarrollo de aplicaciones móviles

Maestra: Margarita Romero 4 BM Programación

Como insertar una imagen en

eclipse

Poner Imagen de fondo en un JPanel

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"

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"

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"

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.

QUINTO PASO• Bien, ya

tenemos una imagen dentro de nuestro proyecto java

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:

– 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);

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);

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

Comentario de SánchezMuy 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^^.