01. EJERCICIO GUIADO.

JAVA: CUADROS DE VERIFICACIN

1.
2.

3.

4.
5.
6.

7.

Realiza un nuevo proyecto.

En la ventana principal debes aadir lo siguiente:
a.
Un botn Aceptar llamado btnAceptar.
b.
Una etiqueta con borde llamada etiResultado.
Aade tambin tres cuadros de verificacin. Estos cuadros son objetos
del tipo JCheckBox.

Aade tres JCheckBox y cambia el texto de ellos, de forma que

aparezca Perro, Gato y Ratn.
Debe cambiar el nombre de cada uno de ellos. Se llamarn: chkPerro,
chkGato, chkRaton.
La ventana tendr el siguiente aspecto cuando termine:

El programa debe funcionar de la siguiente forma:

Cuando el usuario pulse aceptar, en la etiqueta aparecer un mensaje
indicando qu animales han sido seleccionados. Para ello hay que
programar el evento actionPerformed del botn Aceptar. En ese evento
aada el siguiente cdigo:
1

String mensaje="Animales elegidos: ";

if (chkPerro.isSelected()) {
mensaje=mensaje+"Perro ";
}
if (chkGato.isSelected()) {
mensaje=mensaje+"Gato ";
}
if (chkRaton.isSelected()) {
mensaje=mensaje+"Raton ";
}
etiResultado.setText(mensaje);

Observa el cdigo. En l se hace lo siguiente:

a.
Se crea una variable de cadena llamada mensaje.
b.
En esa variable se introduce el texto Animales elegidos:
c.
Luego, compruebo si est seleccionada la casilla de verificacin
chkPerro. Si es as concateno a la cadena mensaje la palabra Perro.
d.
Luego compruebo si est seleccionada la casilla de verificacin
chkGato y hago lo mismo.
e.
Lo mismo con la casilla chkRaton.
f.
Finalmente presento la cadena mensaje en la etiqueta
etiResultado.
9.
Observa el mtodo isSelected() propio de las casillas de verificacin,
permiten saber si una casilla est activada o no.
10.
Ejecute el programa. Seleccione por ejemplo las casillas Gato y Ratn.
Al pulsar Aceptar el resultado debe ser el siguiente:
8.

CONCLUSIN
Los cuadros de verificacin (JCheckBox) se usan cuando quieres
seleccionar varias opciones.

02. EJERCICIO GUIADO. JAVA: BOTONES DE OPCIN

11.
12.

Realiza un nuevo proyecto.

En la ventana principal debes aadir lo siguiente:
a.
Un botn Aceptar llamado btnAceptar.
b.
Una etiqueta con borde llamada etiResultado.

13.

Aade un panel. Un panel es una zona rectangular que puede contener

elementos (botones, etiquetas, etc) La forma de poner un panel es a travs del
objeto JPanel.

14.

Una vez aadido el panel en el JFrame, le pondremos un borde para poder

localizarlo fcilmente. Debes hacer lo siguiente:
a.
Selecciona el panel que has aadido.
b.
Activa la propiedad Border (botn con tres puntos)
c.
Busca el tipo de borde llamado TitledBorder (borde con ttulo) y pon el
ttulo colores.

15.

16.

Tu ventana debe quedar ms o menos as:

Ahora debes aadir tres botones de opcin (botones de radio) dentro del panel.
Estos botones son objetos del tipo JRadioButton.

17.

Aade tres JRadioButton y cambia el texto de ellos, de forma que aparezca

Rojo, Verde y Azul.
18.
Debe cambiar el nombre de cada uno de ellos. Se llamarn: optRojo, optVerde,
optAzul.
19.
La ventana tendr el siguiente aspecto cuando termine:

20.

Si ejecuta el programa, observar que pueden seleccionarse varios colores a la

vez. Esto no es interesante, ya que los botones de opcin se usan para activar
solo una opcin entre varias.

21.

Hay que hacer que solo un botn de opcin pueda estar seleccionado a la vez.
Para ello, debe aadir un nuevo objeto. Realice los siguientes pasos:
a.

Aada un objeto del tipo ButtonGroup al formulario. Atencin! Este

objeto es invisible, y no se ver en el formulario, sin embargo, lo podrs ver
en el Inspector, en la parte de Otros Componentes:

b.

Tienes que darle un nombre al ButtonGroup. El nombre ser

grupoColores.
Ahora, hay que conseguir que los tres botones pertenezcan al mismo
grupo. Es decir, que pertenezcan al grupo grupoColores.
Selecciona el botn de opcin optRojo y cambia su propiedad
buttonGroup, indicando que pertenece al grupo colores (observa la imagen):

c.
d.

e. Haz lo mismo con los botones optVerde y optAzul.

22. Acabas de asociar los tres botones de opcin a un mismo grupo. Esto produce
que solo una de las tres opciones pueda estar activada. Prubelo ejecutando el
programa.
23. Ahora interesa que la opcin Rojo salga activada desde el principio. Una
forma de hacer esto es programando en el Constructor lo siguiente:
optRojo.setSelected(true);
El mtodo setSelected hace que se pueda activar o desactivar un botn de
opcin.
Prueba el programa. Observa como la opcin Rojo est activada inicialmente.
24. El programa no est terminado an. Interesa que cuando el usuario pulse el
botn Aceptar, en la etiqueta aparezca el color elegido. Para ello, en el
actionPerformed del botn Aceptar programe lo siguiente:
String mensaje="Color elegido: ";
if (optRojo.isSelected()) {
mensaje=mensaje+"Rojo";
} else if (optVerde.isSelected()) {
mensaje=mensaje+"Verde";
} else if (optAzul.isSelected()) {
mensaje=mensaje+"Azul";
}
etiResultado.setText(mensaje);

25. Observa el cdigo. En l se hace lo siguiente:

a. Se crea una variable de cadena llamada mensaje.
b. En esa variable se introduce el texto Color elegido:
c. Luego se comprueba que opcin est seleccionada, usando el mtodo
isSelected de los botones de opcin. Este mtodo te dice si un botn
est seleccionado o no.
d. Segn la opcin que est seleccionada, se aade un texto u otro a la
cadena mensaje.
e. Finalmente se muestra la cadena mensaje en la etiqueta etiResultado.
26. Ejecute el programa. Seleccione por ejemplo la Verde. Al pulsar Aceptar el
resultado debe ser el siguiente:

CONCLUSIN
Los botones de opcin, tambin llamados botones de radio (JRadioButton) se
usan cuando quieres que el usuario pueda elegir una opcin de entre varias.
Es interesante que los botones de radio aparezcan dentro de un panel JPanel. Se
recomienda colocar un borde al panel.
Es totalmente necesario aadir un objeto del tipo ButtonGroup, y hacer que los
botones de radio pertenezcan a dicho grupo. En caso contrario, ser posible
activar varios botones de opcin a la vez.

03. EJERCICIO GUIADO. JAVA: CUADROS DE LISTA

1. Realiza un nuevo proyecto.
2. En la ventana principal debes aadir lo siguiente:
a. Un botn Aceptar llamado btnAceptar.
b. Una etiqueta con borde llamada etiResultado.
3. Aade un cuadro de lista. Los cuadros de listas son objetos JList.

4. Cmbiale el nombre al JList. Ten cuidado, ya que en los JList aparecen

siempre dentro de otro objeto llamado jScrollPane. Si miras en el Inspector,
vers que al pulsar en el botn + del jScrollPane aparecer tu JList:

5. Aprovecha para cambiarle el nombre al JList. El nuevo nombre ser lstColores.

6. Si te fijas en el JList, consiste en un cuadro que contiene una serie de Items.

Estos elementos pueden ser cambiados a travs de la propiedad Model del
JList.
7. Busca la propiedad Model y haz clic en el botn de los tres puntos. Aparecer
un cuadro de dilogo parecido al siguiente. Solo tienes que seleccionar los
elementos que quieras y pulsar el botn Borrar (Remove) para eliminarlos de
la lista.
8. Puedes aadir elementos escribindolos en el cuadro Artculo y luego pulsando
el botn Aadir (Add).

9. Debes hacer que la lista sea la siguiente:

Rojo
Verde
Azul
10. Ahora programaremos el actionPerformed del botn Aceptar. Debes introducir
el siguiente cdigo:
String mensaje;
mensaje="El color seleccionado es:
"+lstColores.getSelectedValue().toString();
etiResultado.setText(mensaje);

11. Observa el cdigo:

a. Se crea una variable de cadena llamada mensaje.
b. Y dentro de esta variable se introduce una concatenacin de cadenas.
c. Observa la parte: lstColores.getSelectedValue(), esta parte
devuelve el valor seleccionado de la lista.
d. Hay que tener en cuenta que este valor no es una cadena, por eso hay
que convertirla a cadena aadiendo .toString().
e. De esta manera puedes extraer el elemento seleccionado de un cuadro
de lista.
f. Luego simplemente ponemos la cadena mensaje dentro de la etiqueta.
12. Ejecuta el programa y observa su funcionamiento. Por ejemplo, si seleccionas
el color verde y pulsas aceptar el resultado ser el siguiente:

13. Vamos a mejorar el programa. Puede suceder que el usuario no seleccione

ningn valor del cuadro de lista, y sera interesante en este caso que el
programa avisara de ello. Cambie el cdigo del botn Aceptar por este otro
cdigo:
String mensaje;
if (lstColores.getSelectedIndex()==-1) {
mensaje="No hay un color seleccionado.";
} else {
mensaje="El color seleccionado es:
"+lstColores.getSelectedValue().toString();
}
etiResultado.setText(mensaje);

14. Observa el cdigo:

10

a. El mtodo getSelectedIndex me dice el ndice del elemento que est

seleccionado.
b. Por ejemplo, si est seleccionado el primero el ndice es 0, si est
seleccionado el segundo el ndice es 1, etc.
c. Si este mtodo devuelve -1, entonces es seal de que no hay ningn
elemento seleccionado.
d. Aprovecho esto para mostrar un mensaje indicando lo sucedido.
15. Si ejecuta el programa y pulsa el botn Aceptar sin seleccionar nada el
resultado debera ser el siguiente:

16. Se podra haber prescindido del botn aceptar si el cdigo anterior se hubiera
puesto en el evento mouseClicked del cuadro de lista en vez de en el
actionPerformed del botn Aceptar. En este caso, cada vez que se
seleccionara un elemento de la lista, automticamente aparecera el mensaje
en la etiqueta.
Se anima a que realice esta modificacin.
CONCLUSIN
El objeto JList permite crear cuadros de lista. Estos objetos contienen una serie
de elementos que pueden ser seleccionados.
A travs del mtodo getSelectedValue se puede obtener el elemento que est
seleccionado. (Recuerda convertirlo a cadena con toString)
A travs del mtodo getSelectedIndex se puede saber la posicin del elemento
seleccionado. Si este ndice es -1, entonces sabremos que no hay ningn
elemento seleccionado.

11