SlideShare ist ein Scribd-Unternehmen logo
1 von 14
CETis 109
Lourdes Garnica Patiño
Sánchez Arteaga Esmeralda
Desarrollo 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 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"
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);
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/
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
Agregar una imagen

Weitere ähnliche Inhalte

Andere mochten auch

Tutorial Eclipse
Tutorial EclipseTutorial Eclipse
Tutorial EclipseJose Nava
 
Partes de la pantalla de eclipse
Partes de la pantalla de eclipsePartes de la pantalla de eclipse
Partes de la pantalla de eclipselourdes9898
 
Clasificación de ángulos según su medida
Clasificación de ángulos según su medidaClasificación de ángulos según su medida
Clasificación de ángulos según su medida19671966
 

Andere mochten auch (6)

Eclipse
EclipseEclipse
Eclipse
 
Tutorial de eclipse terminado yarker
Tutorial de eclipse terminado yarkerTutorial de eclipse terminado yarker
Tutorial de eclipse terminado yarker
 
TUTORIAL DE ECLIPSE
TUTORIAL DE ECLIPSETUTORIAL DE ECLIPSE
TUTORIAL DE ECLIPSE
 
Tutorial Eclipse
Tutorial EclipseTutorial Eclipse
Tutorial Eclipse
 
Partes de la pantalla de eclipse
Partes de la pantalla de eclipsePartes de la pantalla de eclipse
Partes de la pantalla de eclipse
 
Clasificación de ángulos según su medida
Clasificación de ángulos según su medidaClasificación de ángulos según su medida
Clasificación de ángulos según su medida
 

Ähnlich wie Agregar una imagen

COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULAR
 COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULAR COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULAR
COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULARang13gam3r
 
TUTORIAL Y PRACTICA DE COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULAR
TUTORIAL Y PRACTICA DE COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULARTUTORIAL Y PRACTICA DE COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULAR
TUTORIAL Y PRACTICA DE COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULARMichellepRodriguez
 
Presentación 16
Presentación 16Presentación 16
Presentación 16arecerv
 
Insertar imagen
Insertar imagenInsertar imagen
Insertar imagen0cero
 
Xna game studio presentación 02
Xna game studio   presentación 02Xna game studio   presentación 02
Xna game studio presentación 02Juan Cardona
 
Como insertar una imagen en eclipse
Como insertar una imagen en eclipseComo insertar una imagen en eclipse
Como insertar una imagen en eclipsejaquiiMc
 
Taller IA 2B - Clasificacion de imagenes con Custom Vision
Taller IA 2B - Clasificacion de imagenes con Custom VisionTaller IA 2B - Clasificacion de imagenes con Custom Vision
Taller IA 2B - Clasificacion de imagenes con Custom VisionLuis Beltran
 
Investigacion para agregar una imagen a eclipse
Investigacion para agregar una imagen a eclipseInvestigacion para agregar una imagen a eclipse
Investigacion para agregar una imagen a eclipseLucero De La Cruz
 
Investigacion para agregar una imagen a eclipse
Investigacion para agregar una imagen a eclipseInvestigacion para agregar una imagen a eclipse
Investigacion para agregar una imagen a eclipseLucero De La Cruz
 
Creación de archivos de clases en c#
Creación de archivos de clases en c#Creación de archivos de clases en c#
Creación de archivos de clases en c#UVM
 
Como insertar una imagen en eclipse java
Como insertar una imagen en eclipse javaComo insertar una imagen en eclipse java
Como insertar una imagen en eclipse javaJosué Naquid
 
Imagen Sustitucion Rollover
Imagen Sustitucion RolloverImagen Sustitucion Rollover
Imagen Sustitucion Rolloverr2diseno
 

Ähnlich wie Agregar una imagen (20)

COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULAR
 COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULAR COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULAR
COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULAR
 
TUTORIAL Y PRACTICA DE COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULAR
TUTORIAL Y PRACTICA DE COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULARTUTORIAL Y PRACTICA DE COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULAR
TUTORIAL Y PRACTICA DE COMO PONER UNA IMAGEN EN LA PANTALLA DEL CELULAR
 
Gt tarea 2 a
Gt tarea 2 aGt tarea 2 a
Gt tarea 2 a
 
Clases C#
Clases C#Clases C#
Clases C#
 
Eclipse
EclipseEclipse
Eclipse
 
Presentación 16
Presentación 16Presentación 16
Presentación 16
 
Insertar imagen
Insertar imagenInsertar imagen
Insertar imagen
 
Imagen CGCS
Imagen CGCSImagen CGCS
Imagen CGCS
 
Xna game studio presentación 02
Xna game studio   presentación 02Xna game studio   presentación 02
Xna game studio presentación 02
 
GELERIA DINAMICA
GELERIA DINAMICAGELERIA DINAMICA
GELERIA DINAMICA
 
Programación con Pygame IV
Programación con Pygame IVProgramación con Pygame IV
Programación con Pygame IV
 
Como insertar una imagen en eclipse
Como insertar una imagen en eclipseComo insertar una imagen en eclipse
Como insertar una imagen en eclipse
 
Taller IA 2B - Clasificacion de imagenes con Custom Vision
Taller IA 2B - Clasificacion de imagenes con Custom VisionTaller IA 2B - Clasificacion de imagenes con Custom Vision
Taller IA 2B - Clasificacion de imagenes con Custom Vision
 
Investigacion para agregar una imagen a eclipse
Investigacion para agregar una imagen a eclipseInvestigacion para agregar una imagen a eclipse
Investigacion para agregar una imagen a eclipse
 
Investigacion para agregar una imagen a eclipse
Investigacion para agregar una imagen a eclipseInvestigacion para agregar una imagen a eclipse
Investigacion para agregar una imagen a eclipse
 
Creación de archivos de clases en c#
Creación de archivos de clases en c#Creación de archivos de clases en c#
Creación de archivos de clases en c#
 
8 ejercicio 8
8 ejercicio 88 ejercicio 8
8 ejercicio 8
 
Como insertar una imagen en eclipse java
Como insertar una imagen en eclipse javaComo insertar una imagen en eclipse java
Como insertar una imagen en eclipse java
 
Imagen Sustitucion Rollover
Imagen Sustitucion RolloverImagen Sustitucion Rollover
Imagen Sustitucion Rollover
 
Manual de practicas de dreamweaver
Manual de practicas de dreamweaverManual de practicas de dreamweaver
Manual de practicas de dreamweaver
 

Mehr von lourdes9898 (11)

Pg14
Pg14Pg14
Pg14
 
Pg12
Pg12Pg12
Pg12
 
Pg13
Pg13Pg13
Pg13
 
Pg11
Pg11Pg11
Pg11
 
Pg10
Pg10Pg10
Pg10
 
Pg9.1
Pg9.1Pg9.1
Pg9.1
 
Pg8
Pg8Pg8
Pg8
 
Programa 7
Programa 7Programa 7
Programa 7
 
Programa6
Programa6 Programa6
Programa6
 
Programa5
Programa5Programa5
Programa5
 
Programa4
Programa4Programa4
Programa4
 

Kürzlich hochgeladen

semana 4 9NO Estudios sociales.pptxnnnn
semana 4  9NO Estudios sociales.pptxnnnnsemana 4  9NO Estudios sociales.pptxnnnn
semana 4 9NO Estudios sociales.pptxnnnnlitzyleovaldivieso
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxNadiaMartnez11
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primariaWilian24
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.docRodneyFrankCUADROSMI
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesMarisolMartinez707897
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfAlfaresbilingual
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024IES Vicent Andres Estelles
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.JonathanCovena1
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOluismii249
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024IES Vicent Andres Estelles
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptxRigoTito
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024IES Vicent Andres Estelles
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIAFabiolaGarcia751855
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioELIASAURELIOCHAVEZCA1
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOPsicoterapia Holística
 

Kürzlich hochgeladen (20)

semana 4 9NO Estudios sociales.pptxnnnn
semana 4  9NO Estudios sociales.pptxnnnnsemana 4  9NO Estudios sociales.pptxnnnn
semana 4 9NO Estudios sociales.pptxnnnn
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
 

Agregar una imagen

  • 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