8/13/2019 15_GUIADOS_JSCROLLPANE

1/7

Curso de Java Bsico

http://procesinc.com/

JAVA: PANELES DE DESPLAZAMIENTO

Paneles de Desplazamiento

Llamaremos paneles de desplazamiento a paneles que contienen elementos tan grandesque no pueden ser mostrados en su totalidad. Estos paneles contienen entonces dos barrasde desplazamiento que permiten visualizar el interior del panel de desplazamientocorrectamente.

Por ejemplo, un panel de desplazamiento podra contener una imagen tan grande que no seviera entera:

Los paneles de desplazamiento son objetos del tipo JScrollPane.

Ejercicio guiado 1

1. Vamos a practicar con los JScrollPane. Para ello, crea un nuevo proyecto.

2. Aade en el proyecto un JScrollPane.

3. Un JScrollPane, por s mismo, no contiene nada. Es necesario aadir dentro de l elobjeto que contendr. Para nuestro ejemplo aadiremos dentro de l una etiqueta(JLabel)

4. El formulario debe tener ahora este aspecto:

5. Si observas el Inspectorvers claramente la distribucin de los objetos:

http://procesinc.com/http://procesinc.com/http://procesinc.com/

8/13/2019 15_GUIADOS_JSCROLLPANE

2/7

Curso de Java Bsico

http://procesinc.com/

Observa como tienes un JScrollPane que contiene una etiqueta.

6. Aprovechemos el Inspectorpara cambiar el nombre a cada objeto. Al JScrollPane lellamaremos scpImageny a la etiqueta etiImagen.

7. Elimina el texto contenido en la etiqueta etiImagen. Solo tienes que borrar elcontenido de la propiedad text.

8. Luego introduciremos una imagen dentro de la etiqueta, a travs de la propiedadicon. La imagen la introduciremos desde fichero, y elegiremos la siguiente imagen detu disco duro:

Mis Documentos / Mis Imgenes / Imgenes de Muestra / Nenfares.jpg

9. Esta imagen es tan grande que no se podr ver entera dentro del panel dedesplazamiento. Ejecuta el programa y observars el uso de las barras de

desplazamiento dentro del panel.

http://procesinc.com/http://procesinc.com/http://procesinc.com/

8/13/2019 15_GUIADOS_JSCROLLPANE

3/7

Curso de Java Bsico

http://procesinc.com/

10. Puedes mejorar el programa si agrandas el panel de desplazamiento de forma queocupe todo el formulario:

De esta forma, cuando ejecutes el programa, al agrandar la ventana, se agrandar elpanel de desplazamiento, vindose mejor la imagen contenida.

11. Ejecuta el programa y comprubalo.

Ejercicio guiado 2

Los JScrollPane no solo estn diseados para contener imgenes. Pueden contenercualquier otro elemento. Vamos a ver, con otro proyecto de ejemplo, otro uso de losJScrollPane.

1. Crea un nuevo proyecto.

2. Aade a la ventana una etiqueta con el texto Ejemplo 2 de JScrollPane y unJScrollPane de forma que est asociado a los lmites de la ventana. Observa laimagen:

http://procesinc.com/http://procesinc.com/http://procesinc.com/

8/13/2019 15_GUIADOS_JSCROLLPANE

4/7

Curso de Java Bsico

http://procesinc.com/

3. Ahora aade dentro del JScrollPane un panel normal (JPanel). En la ventana nonotars ninguna diferencia, pero en el Inspectordebera aparecer esto:

4. Como ves, el JScrollPane contiene a un objeto JPanel.

5. Aprovechemos para cambiar el nombre a ambos objetos. Al JScrollPane lollamaremos scpDatosy al JPanel lo llamaremos panelDatos.

6. Los JPanel son objetos contenedores. Es decir, pueden contener otros objetos comopor ejemplo botones, etiquetas, cuadros de texto, etc.

Adems, los JPanel pueden ser diseados independientemente de la ventana. Hazdoble clic sobre el panelDatosen el Inspectory observa lo que ocurre:

7. En la pantalla aparecer nicamente el JPanel, para que puede ser diseado apartede la ventana completa:

http://procesinc.com/http://procesinc.com/http://procesinc.com/

8/13/2019 15_GUIADOS_JSCROLLPANE

5/7

Curso de Java Bsico

http://procesinc.com/

8. Para distinguirlo de lo que es en s la ventana, haremos las siguientes cosas con elpanel:

- Cambia el color de fondo y asgnale un color verde.- Aade en l una etiqueta con el texto Panel de Datos.- Aade varias etiquetas y cuadros de textos correspondientes a los das de la

semana.- Agranda el panel.

El panel debera quedar as. Toma como referencia esta imagen:

http://procesinc.com/http://procesinc.com/http://procesinc.com/

8/13/2019 15_GUIADOS_JSCROLLPANE

6/7

Curso de Java Bsico

http://procesinc.com/

Es muy interesante que observes el Inspector. En l podrs observar la distribucin

de los objetos en la ventana. Podrs ver como el JFrame contiene un JScrollPane(scpDatos) que a su vez contiene un JPanel (panelDatos) que a su vez contiene unaserie de etiquetas y cuadros de textos a los que an no les hemos asignado unnombre:

http://procesinc.com/http://procesinc.com/http://procesinc.com/

8/13/2019 15_GUIADOS_JSCROLLPANE

7/7

Curso de Java Bsico

http://procesinc.com/

9. Haz doble clic sobre el JFrame (en el Inspector) para poder ver globalmente laventana. En la pantalla debera aparecer esto:

Como ves, el JPanel contenido en el JScrollPane es ms grande que l, por lo que nose podr visualizar completamente. Ser necesario usar las barras dedesplazamiento del JScrollPane.

10. Ejecuta el programa para entender esto ltimo.

CONCLUSIN

Los objetos JScrollPane son paneles de desplazamiento. Estos paneles puedencontener objetos mayores que el propio panel de desplazamiento. Cuando estosucede, el panel muestra barras de desplazamiento para poder visualizar todo elcontenido del panel.

Los JScrollPane son ideales para mostrar imgenes, paneles y otros elementos cuyotamao pueda ser mayor que la propia ventana.

http://procesinc.com/http://procesinc.com/http://procesinc.com/