19 GUIADOS LAYOUTS Y PANELES
Páginas: 5 (1042 palabras)
Publicado: 20 de agosto de 2015
EJERCICIO GUIADO. JAVA: LAYOUTS Y PANELES
Técnicas de distribución de elementos en las ventanas
A la hora de diseñar una ventana se tienen en cuenta dos cosas:
La facilidad a la hora de colocar muchos componentes en la ventana.
Que dichos componentes estén siempre visibles independientemente del tamaño de la ventana.
La distribución AbsoluteLayout por ejemplo nos da mucha facilidad a lahora de colocar los elementos en la ventana, pero sin embargo los componentes no se adaptan a los cambios de tamaño.
El Diseño Libre en cambio permite crear ventanas en las que sus componentes se “recolocan” según el tamaño de estas pero a cambio crece la dificultad del diseño.
Para aprovechar las ventajas de los distintos layouts y minimizar sus inconvenientes, es habitual en java crear unaestructura de paneles cada uno de ellos con un layout distinto, según nuestras necesidades.
Normalmente, al JFrame se le asigna un layout que lo divida en zonas, como puede ser el BorderLayout o el GridLayout. Luego, dentro de cada una de estas zonas se introduce un panel (objeto JPanel). Y a cada uno de estos paneles se le asigna el layout que más le convenga al programador (FlowLayout, Diseño Libre,AbsoluteLayout, etc…) Finalmente, dentro de cada panel se añaden los componentes de la ventana.
Ejercicio guiado
1. Crea un nuevo proyecto en java.
Se pretende crear un proyecto con una ventana de diseño complejo. Para ello sigue los siguiente pasos:
2. En primer lugar, asigna un BorderLayout al JFrame:
3. El BorderLayout divide la ventana principal en zonas. Ahora añadeun panel (JPanel) a la zona norte de la ventana.
4. Cambia el nombre a este panel y llámalo panelTitulo, ya que contendrá el nombre del programa.
5. Añade otro panel, esta vez a la parte central. El panel se llamará panelDatos:
6. Añade un nuevo panel en la parte sur de la ventana. Su nombre será panelEstado.
NOTA. A veces resulta complicado agregar un panel en una zona de laventana cuando tenemos un BorderLayout. Puedes entonces hacer clic con el derecho sobre JFrame en el Inspector y activar la opción Agregar desde paleta – Swing – JPanel.
7. Si el panel no se coloca en el sitio deseado, se puede seleccionar en el Inspector y activar su propiedad Dirección, e indicar la zona donde se quiere colocar:
El panel debería estar situado finalmente en el sur de laventana:
8. El Inspector tendrá la siguiente forma ahora:
9. Añade ahora tu solo un panel en la zona oeste llamado panelBotonera y otro en la zona esta llamado panelVerificacion. El Inspector debería tener la siguiente forma al finalizar:
10. Cada panel puede ser diseñado de forma individual, simplemente haciendo doble clic sobre él. Así pues, empezaremos diseñando el panel panelBotonera. Hazdoble clic sobre él.
11. En la parte izquierda del NetBeans aparecerá únicamente el panelBotonera. Agrándalo para que tenga la siguiente forma:
12. A cada panel se le puede asignar un Layout distinto. A este panel le asignaremos un AbsoluteLayout para poder colocar cada elemento donde quiera. Asigna un AbsoluteLayout al panel haciendo clic con el derecho sobre él en el Inspector. El Inspectordebería quedar así:
13. Ahora añade cuatro botones al panel. Observa como tienes libertad total para colocar cada botón donde quieras. Procura que el panel quede así:
(No nos vamos a preocupar en este ejercicio de los nombres de los componentes)
14. Ahora diseña el panel panelVerificación haciendo doble clic sobre él.
15. Asígnale también un layout AbsoluteLayout.
16. Coloca en él cuatrocasillas de verificación. El aspecto del panel al terminar debe ser parecido al siguiente:
Y el Inspector debe tener un estado similar a este:
17. Ahora se diseñará el panelTitulo. Haz doble clic sobre él.
18. En este caso se le añadirá un FlowLayout. Recuerda que este layout hace que cada elemento se coloque uno detrás de otro.
19. Añade al panel dos etiquetas como las que siguen....
Técnicas de distribución de elementos en las ventanas
A la hora de diseñar una ventana se tienen en cuenta dos cosas:
La facilidad a la hora de colocar muchos componentes en la ventana.
Que dichos componentes estén siempre visibles independientemente del tamaño de la ventana.
La distribución AbsoluteLayout por ejemplo nos da mucha facilidad a lahora de colocar los elementos en la ventana, pero sin embargo los componentes no se adaptan a los cambios de tamaño.
El Diseño Libre en cambio permite crear ventanas en las que sus componentes se “recolocan” según el tamaño de estas pero a cambio crece la dificultad del diseño.
Para aprovechar las ventajas de los distintos layouts y minimizar sus inconvenientes, es habitual en java crear unaestructura de paneles cada uno de ellos con un layout distinto, según nuestras necesidades.
Normalmente, al JFrame se le asigna un layout que lo divida en zonas, como puede ser el BorderLayout o el GridLayout. Luego, dentro de cada una de estas zonas se introduce un panel (objeto JPanel). Y a cada uno de estos paneles se le asigna el layout que más le convenga al programador (FlowLayout, Diseño Libre,AbsoluteLayout, etc…) Finalmente, dentro de cada panel se añaden los componentes de la ventana.
Ejercicio guiado
1. Crea un nuevo proyecto en java.
Se pretende crear un proyecto con una ventana de diseño complejo. Para ello sigue los siguiente pasos:
2. En primer lugar, asigna un BorderLayout al JFrame:
3. El BorderLayout divide la ventana principal en zonas. Ahora añadeun panel (JPanel) a la zona norte de la ventana.
4. Cambia el nombre a este panel y llámalo panelTitulo, ya que contendrá el nombre del programa.
5. Añade otro panel, esta vez a la parte central. El panel se llamará panelDatos:
6. Añade un nuevo panel en la parte sur de la ventana. Su nombre será panelEstado.
NOTA. A veces resulta complicado agregar un panel en una zona de laventana cuando tenemos un BorderLayout. Puedes entonces hacer clic con el derecho sobre JFrame en el Inspector y activar la opción Agregar desde paleta – Swing – JPanel.
7. Si el panel no se coloca en el sitio deseado, se puede seleccionar en el Inspector y activar su propiedad Dirección, e indicar la zona donde se quiere colocar:
El panel debería estar situado finalmente en el sur de laventana:
8. El Inspector tendrá la siguiente forma ahora:
9. Añade ahora tu solo un panel en la zona oeste llamado panelBotonera y otro en la zona esta llamado panelVerificacion. El Inspector debería tener la siguiente forma al finalizar:
10. Cada panel puede ser diseñado de forma individual, simplemente haciendo doble clic sobre él. Así pues, empezaremos diseñando el panel panelBotonera. Hazdoble clic sobre él.
11. En la parte izquierda del NetBeans aparecerá únicamente el panelBotonera. Agrándalo para que tenga la siguiente forma:
12. A cada panel se le puede asignar un Layout distinto. A este panel le asignaremos un AbsoluteLayout para poder colocar cada elemento donde quiera. Asigna un AbsoluteLayout al panel haciendo clic con el derecho sobre él en el Inspector. El Inspectordebería quedar así:
13. Ahora añade cuatro botones al panel. Observa como tienes libertad total para colocar cada botón donde quieras. Procura que el panel quede así:
(No nos vamos a preocupar en este ejercicio de los nombres de los componentes)
14. Ahora diseña el panel panelVerificación haciendo doble clic sobre él.
15. Asígnale también un layout AbsoluteLayout.
16. Coloca en él cuatrocasillas de verificación. El aspecto del panel al terminar debe ser parecido al siguiente:
Y el Inspector debe tener un estado similar a este:
17. Ahora se diseñará el panelTitulo. Haz doble clic sobre él.
18. En este caso se le añadirá un FlowLayout. Recuerda que este layout hace que cada elemento se coloque uno detrás de otro.
19. Añade al panel dos etiquetas como las que siguen....
Leer documento completo
Regístrate para leer el documento completo.