Programación interactiva. Oscar Bedoya

Transcripción

1 Programación interactiva Oscar Bedoya

2 Interfaces gráficas con Java Swing

3 Una interfaz gráfica con el usuario (GUI) es un mecanismo incorporado en las aplicaciones para hacer más amigable y entendible la interacción con el usuario Las GUIs se crean a partir de componentes, éstos permiten que el usuario interactúe mediante el ratón, teclado y otras formas de entrada.

4 Estructura de las aplicaciones GUI Declarar una clase que herede de la superclase JFrame Declarar cada componente que hará parte de la GUI Dentro del método constructor, crear y organizar los componentes Declarar el método main

5 Estructura de las aplicaciones GUI Declarar una clase que herede de la superclase JFrame Declarar cada componente que hará parte de la GUI Dentro del método constructor, crear y organizar los componentes Declarar el método main

6 JFrame Clase Clase() main()

7 import java.awt.*; import java.awt.event.*; import javax.swing.*; public class GUI extends JFrame { public GUI() { super( "Título de la GUI" ); Container contenedor = getcontentpane(); contenedor.setlayout( new FlowLayout() ); setsize( 275, 170 ); setvisible( true ); public static void main( String a[] ) { GUI aplicacion = new GUI(); aplicacion.setdefaultcloseoperation( JFrame.EXIT_ON_CLOSE );

8 JFrame GUI GUI() main()

9 import java.awt.*; import java.awt.event.*; import javax.swing.*; public class GUI extends JFrame { Toda GUI debe heredar de la clase JFrame public GUI() { super( "Título de la GUI" ); Container contenedor = getcontentpane(); contenedor.setlayout( new FlowLayout() ); setsize( 275, 170 ); setvisible( true ); public static void main( String a[] ) { GUI aplicacion = new GUI(); aplicacion.setdefaultcloseoperation( JFrame.EXIT_ON_CLOSE );

10 import java.awt.*; import java.awt.event.*; import javax.swing.*; public class GUI extends JFrame { public GUI() { super( "Título de la GUI" ); Container contenedor = getcontentpane(); contenedor.setlayout( new FlowLayout() ); setsize( 275, 170 ); setvisible( true ); Se debe DECLARAR cada componente que hará parte de la GUI public static void main( String a[] ) { GUI aplicacion = new GUI(); aplicacion.setdefaultcloseoperation( JFrame.EXIT_ON_CLOSE );

11 import java.awt.*; import java.awt.event.*; import javax.swing.*; public class GUI extends JFrame { public GUI() { super( "Título de la GUI" ); Container contenedor = getcontentpane(); contenedor.setlayout( new FlowLayout() ); setsize( 275, 170 ); setvisible( true ); Método constructor CREAR cada componente y organizarlo de acuerdo a lo que se requiere public static void main( String a[] ) { GUI aplicacion = new GUI(); aplicacion.setdefaultcloseoperation( JFrame.EXIT_ON_CLOSE );

12 import java.awt.*; import java.awt.event.*; import javax.swing.*; public class GUI extends JFrame { public GUI() { super( "Título de la GUI" ); Container contenedor = getcontentpane(); contenedor.setlayout( new FlowLayout() ); setsize( 275, 170 ); setvisible( true ); public static void main( String a[] ) { GUI aplicacion = new GUI(); Se crea un objeto de la aplicación aplicacion.setdefaultcloseoperation( JFrame.EXIT_ON_CLOSE);

13 import java.awt.*; import java.awt.event.*; import javax.swing.*; public class GUI extends JFrame { public GUI() { super( "Título de la GUI" ); Container contenedor = getcontentpane(); contenedor.setlayout( new FlowLayout() ); setsize( 275, 170 ); setvisible( true ); Método constructor Establecer el título de la ventana public static void main( String a[] ) { GUI aplicacion = new GUI(); aplicacion.setdefaultcloseoperation( JFrame.EXIT_ON_CLOSE );

14 import java.awt.*; import java.awt.event.*; import javax.swing.*; public class GUI extends JFrame { public GUI() { super( "Título de la GUI" ); Container contenedor = getcontentpane(); contenedor.setlayout( new FlowLayout() ); setsize( 275, 170 ); setvisible( true ); Crear el contenedor. Es el espacio que mantiene el contenido de la ventana public static void main( String a[] ) { GUI aplicacion = new GUI(); aplicacion.setdefaultcloseoperation( JFrame.EXIT_ON_CLOSE );

15 import java.awt.*; import java.awt.event.*; import javax.swing.*; public class GUI extends JFrame { public GUI() { super( "Título de la GUI" ); Container contenedor = getcontentpane(); contenedor.setlayout( new FlowLayout() ); setsize( 275, 170 ); setvisible( true ); Crear el contenedor. Es el espacio que mantiene el contenido de la ventana public static void main( String a[] ) { GUI aplicacion = new GUI(); aplicacion.setdefaultcloseoperation( JFrame.EXIT_ON_CLOSE );

16 import java.awt.*; import java.awt.event.*; import javax.swing.*; public class GUI extends JFrame { public GUI() { super( "Título de la GUI" ); Container contenedor = getcontentpane(); contenedor.setlayout( new FlowLayout() ); setsize( 275, 170 ); setvisible( true ); Crear el contenedor. Es el espacio que mantiene el contenido de la ventana public static void main( String a[] ) { GUI aplicacion = new GUI(); aplicacion.setdefaultcloseoperation( JFrame.EXIT_ON_CLOSE ); Contenedor

17 import java.awt.*; import java.awt.event.*; import javax.swing.*; public class GUI extends JFrame { public GUI() { super( "Título de la GUI" ); Container contenedor = getcontentpane(); contenedor.setlayout( new FlowLayout() ); setsize( 275, 170 ); setvisible( true ); Se establecen las dimensiones de la ventana public static void main( String a[] ) { GUI aplicacion = new GUI(); aplicacion.setdefaultcloseoperation( JFrame.EXIT_ON_CLOSE );

18 import java.awt.*; import java.awt.event.*; import javax.swing.*; public class GUI extends JFrame { public GUI() { super( "Título de la GUI" ); Container contenedor = getcontentpane(); contenedor.setlayout( new FlowLayout() ); setsize( 275, 170 ); setvisible( true ); Algunos componentes que se pueden agregar al contenedor: JLabel JButton JTextField JCheckButtton JRadioButton JList public static void main( String a[] ) { GUI aplicacion = new GUI(); aplicacion.setdefaultcloseoperation( JFrame.EXIT_ON_CLOSE);

19 import java.awt.*; import java.awt.event.*; import javax.swing.*; public class GUI extends JFrame { public GUI() { super( "Título de la GUI" ); Container contenedor = getcontentpane(); contenedor.setlayout( new FlowLayout() ); setsize( 275, 170 ); setvisible( true ); Declarar Crear y organizar Algunos componentes que se pueden agregar al contenedor: JLabel JButton JTextField JCheckButtton JRadioButton JList public static void main( String a[] ) { GUI aplicacion = new GUI(); aplicacion.setdefaultcloseoperation( JFrame.EXIT_ON_CLOSE);

20 JLabel (Etiqueta) Las etiquetas son componentes que permiten mostrar un mensaje, en texto o gráfico, de tal manera que el usuario tenga una idea más clara de cómo interactuar con la aplicación Etiqueta Etiqueta

21

22 JLabel (Etiqueta) Declarar la etiqueta private JLabel etiqueta1; Crear la etiqueta Se tienen varias formas etiqueta1=new JLabel( Texto de la etiqueta ); contenedor.add(etiqueta1);

23 JLabel (Etiqueta) Declarar la etiqueta private JLabel etiqueta1; Crear la etiqueta Se tienen varias formas etiqueta1=new JLabel( Texto de la etiqueta ); contenedor.add(etiqueta1); contenedor.add(etiqueta1); Inicialmente el contenedor está vacío

24 JLabel (Etiqueta) Declarar la etiqueta private JLabel etiqueta1; Crear la etiqueta Se tienen varias formas etiqueta1=new JLabel( Texto de la etiqueta ); etiqueta1.settooltiptext( "Esta es la etiqueta 1" ); contenedor.add(etiqueta1);

25 JLabel (Etiqueta) Declarar la etiqueta private JLabel etiqueta1; Crear la etiqueta Se tienen varias formas etiqueta1=new JLabel( Texto de la etiqueta ); etiqueta1.settooltiptext( "Esta es la etiqueta 1" ); contenedor.add(etiqueta1); El método settooltiptext permite establecer el texto que se mostrará en caso de que el usuario pase el mouse por encima de la etiqueta

26 JLabel (Etiqueta) Declarar la etiqueta private JLabel etiqueta1; Crear la etiqueta Se tienen varias formas etiqueta1=new JLabel( Texto de la etiqueta ); etiqueta1.settooltiptext( "Esta es la etiqueta 1" ); contenedor.add(etiqueta1);

27 Otra forma consiste en crear una etiqueta con icono Icon imagen = new ImageIcon( "image1.gif" ); etiqueta2 = new JLabel( "Etiqueta con texto e icono ); etiqueta2.seticon(imagen); etiqueta2.sethorizontaltextposition(swingconstants.right); etiqueta2.settooltiptext( "Esta es la etiqueta2" ); contenedor.add( etiqueta2 );

28 Otra forma consiste en crear una etiqueta con icono Icon imagen = new ImageIcon( "image1.gif" ); etiqueta2 = new JLabel( "Etiqueta con texto e icono ); etiqueta2.seticon(imagen); etiqueta2.sethorizontaltextposition(swingconstants.right); etiqueta2.settooltiptext( "Esta es la etiqueta2" ); contenedor.add( etiqueta2 );

29 Otra forma etiqueta3 = new JLabel(); etiqueta3.settext( "Etiqueta con icono y texto en parte inferior" ); etiqueta3.seticon( imagen ); etiqueta3.setverticaltextposition( SwingConstants.BOTTOM ); etiqueta3.settooltiptext( "Esta es la etiqueta3" ); contenedor.add( etiqueta3 );

30 Otra forma etiqueta3 = new JLabel(); etiqueta3.settext( "Etiqueta con icono y texto en parte inferior" ); etiqueta3.seticon( imagen ); etiqueta3.setverticaltextposition( SwingConstants.BOTTOM ); etiqueta3.settooltiptext( "Esta es la etiqueta3" ); contenedor.add( etiqueta3 ); El texto debe aparecer debajo del icono

31 Otra forma etiqueta3 = new JLabel(); etiqueta3.settext( "Etiqueta con icono y texto en parte inferior" ); etiqueta3.seticon( imagen ); etiqueta3.setverticaltextposition( SwingConstants.BOTTOM ); etiqueta3.settooltiptext( "Esta es la etiqueta3" ); contenedor.add( etiqueta3 ); Las constantes de posición horizontal en SwingConstants son: LEFT, CENTER, RIGHT y en la posición vertical son TOP, CENTER, BOTTOM

32 Otra forma etiqueta3 = new JLabel(); etiqueta3.settext( "Etiqueta con icono y texto en parte inferior" ); etiqueta3.seticon( imagen ); etiqueta3.setverticaltextposition( SwingConstants.BOTTOM ); etiqueta3.settooltiptext( "Esta es la etiqueta3" ); contenedor.add( etiqueta3 ); PruebaEtiqueta

33 Métodos setfont y setforeground etiqueta3 = new JLabel(); etiqueta3.settext( "Etiqueta con icono y texto en parte inferior" ); etiqueta3.seticon( imagen ); etiqueta3.setfont(new Font("Arial", Font.BOLD, 14)); etiqueta3.setforeground(color.black); Se puede cambiar el tipo de fuente, tamaño y color

34 JTextField y JPasswordField (Campos de texto) Los JTextField son áreas de una sola línea en las que el usuario puede introducir texto mediante el teclado o bien, el programa puede mostrar un resultado Campo de texto en el que el programa muestra un resultado Campo de texto en el que el usuario ingresa datos

35 JTextField y JPasswordField (Campos de texto) Los JPasswordField son áreas en los que el texto se representa con simbolos * para ocultarlo de otros usuarios JTextField JPasswordField

36 JTextField (Campo de texto) Declarar el campo private JTextField campotexto1; Crear el campo Se tienen varias formas campotexto1=new JTextField(10); contenedor.add(campotexto1);

37 JTextField (Campo de texto) Declarar el campo private JTextField campotexto1; Crear el campo Se tienen varias formas campotexto1=new JTextField(10); contenedor.add(campotexto1); Crea un campo de texto con 10 columnas

38 JTextField (Campo de texto) Declarar el campo private JTextField campotexto2; Crear el campo Se tienen varias formas campotexto2=new JTextField( Escriba el texto aquí ); contenedor.add(campotexto2);

39 JTextField (Campo de texto) Declarar el campo private JTextField campotexto2; Crear el campo Se tienen varias formas campotexto2=new JTextField( Escriba el texto aquí ); contenedor.add(campotexto2); Crea un campo de texto con texto predeterminado. El tamaño del campo estará dado por la longitud del mensaje

40 JTextField (Campo de texto) Declarar el campo private JTextField campotexto2; Crear el campo Se tienen varias formas campotexto2=new JTextField( Escriba el texto aquí,20); contenedor.add(campotexto2); Cuando se crea un campo de texto con texto predeterminado, el tamaño del campo queda determinado por la longitud del mensaje, si se quiere establecer un valor diferente se puede utilizar este constructor

41 JTextField (Campo de texto) Declarar el campo private JTextField campotexto3; Crear el campo Se tienen varias formas campotexto3=new JTextField( Campo de texto no editable,20); campotexto3.seteditable(false); contenedor.add(campotexto3);

42 JTextField (Campo de texto) Declarar el campo private JTextField campotexto3; Crear el campo Se tienen varias formas campotexto3=new JTextField( Campo de texto no editable,20); campotexto3.seteditable(false); contenedor.add(campotexto3); Crea un campo de texto no editable, es decir, no se puede cambiar su contenido hasta que se ejecute el comando campotexto3.seteditable(true);

43 JPasswordField Declarar el campo private JPasswordField campocontraseña; Crear el campo Se tienen los mismos constructores que para JTextField campocontraseña=new JPasswordField(6); contenedor.add(campocontraseña); Crea un campo para contraseña

44 Eventos y metáfora del oyente Java utiliza la metáfora del oyente para indicar que cualquier GUI está escuchando continuamente que suceda un evento Los eventos que pueden ocurrir en una GUI son: Hacer clic sobre un botón Completar un campo de texto y hacer clic Hacer clic sobre una opción de un menú Ejecutar un comando con teclado

45 Eventos y metáfora del oyente Los oyentes se han clasificado de acuerdo al componente que genera los eventos y se tienen interfaces que ayudan a manejar tales eventos ActionListener MouseListener ItemListener KeyListener

46 Tipo de evento ActionEvent MouseEvent KeyEvent ItemEvent Interfaz ActionListener MouseListener, MouseMotionListener KeyListener ItemListener

47 Eventos y metáfora del oyente Cada componente que pueda generar un evento, debe tener un manejador que indique las acciones que deben ocurrir si se genera un evento

48 JTextField y JPasswordField (Campos de texto) Los campos de texto, a diferencia de las etiquetas, generan eventos!!! Cuando se escribe en el campo de texto y se da Enter, se genera un evento Concepto de FOCO: es el componente de la GUI que está actualmente siendo utilizado, cuando un campo de texto genera un evento, se dice que tiene el foco

49 Recuerde los oyentes (interfaces) ActionListener MouseListener ItemListener KeyListener Entre estos, un campo de texto genera un evento de acción (ActionEvent) Utilizar un objeto manejador de una clase que implemente la interfaz ActionListener!!!

50 Algunos métodos de las clases JTextField y JPasswordField Método settext(mensaje) gettext() addactionlistener(manejador) Descripción Permite colocar un mensaje de tipo String en el campo Permite obtener el valor escrito en el campo Adicionar el manejador de eventos al campo. El manejador es un objeto de una clase que implemente la interfaz ActionListener

51 Para que una aplicación pueda capturar los eventos que allí se generen debe: -Crear la clase que implemente la interfaz -Crear un objeto de esa clase (manejador) -Registrar el manejador en cada componente que pueda generar un evento del tipo considerado en la interfaz

52 private class ManejadorCampoTexto implements ActionListener { public void actionperformed( ActionEvent evento ) { if ( evento.getsource() == campotexto1 ) { //Instrucciones que se deben ejecutar si la fuente del evento fue el campotexto1 // fin del método actionperformed // fin de la clase interna privada ManejadorCampoTexto

53 private class ManejadorCampoTexto implements ActionListener { public void actionperformed( ActionEvent evento ) { La clase ManejadorCampoTexto implementa ActionListener if ( evento.getsource() == campotexto1 ) { //Instrucciones que se deben ejecutar si la fuente del evento fue el campotexto1 // fin del método actionperformed // fin de la clase interna privada ManejadorCampoTexto

54 private class ManejadorCampoTexto implements ActionListener { public void actionperformed( ActionEvent evento ) { Método que maneja un evento ActionEvent if ( evento.getsource() == campotexto1 ) { //Instrucciones que se deben ejecutar si la fuente del evento fue el campotexto1 // fin del método actionperformed // fin de la clase interna privada ManejadorCampoTexto

55 private class ManejadorCampoTexto implements ActionListener { public void actionperformed( ActionEvent evento ) { if ( evento.getsource() == campotexto1 ) { Si la fuente del evento es el campotexto1 //Instrucciones que se deben ejecutar si la fuente del evento fue el campotexto1 // fin del método actionperformed // fin de la clase interna privada ManejadorCampoTexto

56 private class ManejadorCampoTexto implements ActionListener { public void actionperformed( ActionEvent evento ) { if ( evento.getsource() == campotexto1 ) { //Instrucciones que se deben ejecutar si la fuente del evento fue el campotexto1 if ( evento.getsource() == campotexto2 ) { //Instrucciones que se deben ejecutar si la fuente del evento fue el campotexto2 // fin del método actionperformed // fin de la clase interna privada ManejadorCampoTexto

57 Para que una aplicación pueda capturar los eventos que allí se generen debe: Crear la clase que implemente la interfaz Se puede colocar en el mismo archivo de la GUI Crear un objeto de esa clase (manejador) ManejadorCampoTexto manejador = new ManejadorCampoTexto(); Registrar el manejador en cada componente que pueda generar un evento del tipo considerado en la interfaz campotexto1.addactionlistener( manejador ); campotexto2.addactionlistener( manejador ); campotexto3.addactionlistener( manejador ); campocontraseña.addactionlistener( manejador );

58 Para que una aplicación pueda capturar los eventos que alli se generen debe: Crear la clase que implemente la interfaz Se puede colocar en el mismo archivo de la GUI Crear un objeto de esa clase (manejador) ManejadorCampoTexto manejador = new ManejadorCampoTexto(); Registrar el manejador en cada componente que pueda generar un evento del tipo considerado en la interfaz campotexto1.addactionlistener( manejador ); campotexto2.addactionlistener( manejador ); campotexto3.addactionlistener( manejador ); campocontraseña.addactionlistener( manejador ); PruebaCampoTexto

59 Problema: Desarrolle un traductor Español Inglés con dos campos de texto, de tal forma que cuando se escriba un palabra en uno de los campos y se de enter, aparezca la traducción en el otro campo de texto. Se deben considerar 5 palabras.

60 Problema: Desarrolle una GUI con una etiqueta y un campo de texto. El contenido inicial de la etiqueta es el número 0. Cada vez que se de enter en el campo, se mostrará en la etiqueta la cantidad de veces que esto ha ocurrido. Utilice tamaño 40 para el texto en la etiqueta.

61 Problema: Desarrolle una GUI con una etiqueta y un campo de texto. El contenido inicial de la etiqueta es el número 0. Cada vez que se de enter en el campo, se mostrará en la etiqueta la cantidad de veces que esto ha ocurrido. Utilice tamaño 40 para el texto en la etiqueta. String.valueOf( int var ) : convierte un entero a String

62 JButton (Botón) Es un componente en el que el usuario hace clic para desencadenar cierta acción Un programa puede utilizar varios tipos de botones -Botones de comando -Casillas de verificación -Botones interruptores -Botones de opción

63

64 JButton (Botón) Declarar el botón private JButton botonsimple; Crear el campo Se tienen varias formas botonsimple=new JButton( Botón simple ); contenedor.add(botonsimple);

65 JButton (Botón) Declarar el botón private JButton botonsimple; Crear el campo Se tienen varias formas botonsimple=new JButton( Botón simple ); contenedor.add(botonsimple); Botón que solo tiene texto

66 JButton (Botón) Declarar el botón private JButton botonsimple; Crear el campo Se tienen varias formas Icon image1 = new ImageIcon( "image6.gif" ); Icon image2 = new ImageIcon( "image7.gif" ); botonelegante = new JButton( "Botón elegante", image1 ); botonelegante.setrollovericon( image2 ); botonelegante.settooltiptext( "Muestra un mensaje" ); botonelegante.setmnemonic('m'); contenedor.add( botonelegante );

67 JButton (Botón) Declarar el botón private JButton botonsimple; Crear el campo Se tienen varias formas Icon image1 = new ImageIcon( "image6.gif" ); Icon image2 = new ImageIcon( "image7.gif" ); botonelegante = new JButton( "Botón elegante", image1 ); botonelegante.setrollovericon( image2 ); botonelegante.settooltiptext( "Muestra un mensaje" ); botonelegante.setmnemonic('m'); contenedor.add( botonelegante ); Imagen inicial del botón

68 JButton (Botón) Declarar el botón private JButton botonsimple; Crear el campo Se tienen varias formas Icon image1 = new ImageIcon( "image6.gif" ); Icon image2 = new ImageIcon( "image7.gif" ); botonelegante = new JButton( "Botón elegante", image1 ); botonelegante.setrollovericon( image2 ); botonelegante.settooltiptext( "Muestra un mensaje" ); botonelegante.setmnemonic('m'); contenedor.add( botonelegante ); Imagen cuando se pase el mouse por encima del botón

69 JButton (Botón) Declarar el botón private JButton botonsimple; Crear el campo Se tienen varias formas Icon image1 = new ImageIcon( "image6.gif" ); Icon image2 = new ImageIcon( "image7.gif" ); botonelegante = new JButton( "Botón elegante", image1 ); botonelegante.setrollovericon( image2 ); botonelegante.settooltiptext( "Muestra un mensaje" ); botonelegante.setmnemonic('m'); contenedor.add( botonelegante ); Un nemómico es un atajo con teclado

70 Se tienen varias formas Icon image1 = new ImageIcon( "image6.gif" ); Icon image2 = new ImageIcon( "image7.gif" ); botonelegante = new JButton( "Botón elegante", image1 ); botonelegante.setrollovericon( image2 ); botonelegante.settooltiptext( "Muestra un mensaje" ); botonelegante.setmnemonic('m'); contenedor.add( botonelegante ); Botón inicial Botón cuando se pasa el mouse por encima

71 JButton (Botón) Un botón (de comando) genera un evento ActionEvent cuando el usuario hace clic en él Utilizar un objeto manejador de una clase que implemente la interfaz ActionListener!!!

72 private class ManejadorBoton implements ActionListener { // manejar evento de botón public void actionperformed( ActionEvent evento ) { if (evento.getsource()==botonsimple) JOptionPane.showMessageDialog( null, "Usted oprimió el boton simple"); if (evento.getsource()==botonelegante) JOptionPane.showMessageDialog( null, "Usted oprimió el boton elegante"); // fin de la clase interna privada ManejadorBoton

73 private class ManejadorBoton implements ActionListener { // manejar evento de botón public void actionperformed( ActionEvent evento ) { if (evento.getsource()==botonsimple) JOptionPane.showMessageDialog( null, "Usted oprimió el boton simple"); if (evento.getsource()==botonelegante) JOptionPane.showMessageDialog( null, "Usted oprimió el boton elegante"); // fin de la clase interna privada ManejadorBoton PruebaBoton

74 Problema: Modifique la GUI anterior de tal manera que se indique la cantidad de veces que se ha oprimido cada botón

75 JButton (Botón) Método setenabled() Permite habilitar o deshabilitar un botón nombreboton.setenabled(false); Deshabilita el botón, no ejecuta el oyente

76 JButton (Botón) Método setenabled() Permite habilitar o deshabilitar un botón nombreboton.setenabled(false); Deshabilita el botón, no ejecuta el oyente PruebaBoton2

77 Problema: Desarrolle una GUI que tenga dos botones. Inicialmente uno de los dos está deshabilitado pero se puede habilitar si se hace clic en el segundo botón. Si esto ocurre, el botón dos se deshabilita y solo se podrá habilitar si se hace clic en el botón uno.

78 Problema: Desarrolle el traductor con botones. Un botón para traducir a inglés y otro para alemán

79 JCheckBox (Casilla de verificación) En un checkbox, se tienen varias casillas, se pueden marcar todas

80 JCheckBox (Casilla de verificacion) Un ChekBox genera un evento ItemEvent cuando el usuario hace clic en él Utilizar un objeto manejador de una clase que implemente la interfaz ItemListener!!!

81 JChekbox (Casilla de verificación) Declarar private JChekBox negrita, cursiva; Crear negrita = new JCheckBox( "Negrita" ); contenedor.add( negrita ); cursiva = new JCheckBox( "Cursiva" ); contenedor.add( cursiva );

82 JChekbox (Casilla de verificacion) Declarar private JChekBox negrita, cursiva; Crear negrita = new JCheckBox( "Negrita" ); contenedor.add( negrita ); cursiva = new JCheckBox( "Cursiva" ); contenedor.add( cursiva ); ManejadorCasillaVerificacion manejador = new ManejadorCasillaVerificacion(); negrita.additemlistener( manejador ); cursiva.additemlistener( manejador ); Se adiciona el manejador, un objeto de una clase que implementa la interfaz ItemListener, por medio del método additemlistener

83 private class ManejadorCasillaVerificacion implements ItemListener { private int valnegrita = Font.PLAIN; private int valcursiva = Font.PLAIN; // responder a eventos de casilla de verificación public void itemstatechanged( ItemEvent evento ) { // procesar eventos de casilla de verificación negrita if ( evento.getsource() == negrita ) valnegrita = negrita.isselected()? Font.BOLD : Font.PLAIN; // procesar eventos de casilla de verificación cursiva if ( evento.getsource() == cursiva ) valcursiva = cursiva.isselected()? Font.ITALIC : Font.PLAIN; // establecer tipo de letra del campo de texto campo.setfont( new Font( "Serif", valnegrita + valcursiva, 14 ) ); // fin del método itemstatechanged // fin de la clase interna privada ManejadorCasillaVerificacion

84 private class ManejadorCasillaVerificacion implements ItemListener { Se implementa la interfaz ItemListener private int valnegrita = Font.PLAIN; private int valcursiva = Font.PLAIN; // responder a eventos de casilla de verificación public void itemstatechanged( ItemEvent evento ) { // procesar eventos de casilla de verificación negrita if ( evento.getsource() == negrita ) valnegrita = negrita.isselected()? Font.BOLD : Font.PLAIN; // procesar eventos de casilla de verificación cursiva if ( evento.getsource() == cursiva ) valcursiva = cursiva.isselected()? Font.ITALIC : Font.PLAIN; // establecer tipo de letra del campo de texto campo.setfont( new Font( "Serif", valnegrita + valcursiva, 14 ) ); // fin del método itemstatechanged // fin de la clase interna privada ManejadorCasillaVerificacion

85 private class ManejadorCasillaVerificacion implements ItemListener { private int valnegrita = Font.PLAIN; private int valcursiva = Font.PLAIN; // responder a eventos de casilla de verificación public void itemstatechanged( ItemEvent evento ) { // procesar eventos de casilla de verificación negrita if ( evento.getsource() == negrita ) valnegrita = negrita.isselected()? Font.BOLD : Font.PLAIN; El evento ItemEvent se maneja por medio del método itemstatechanged // procesar eventos de casilla de verificación cursiva if ( evento.getsource() == cursiva ) valcursiva = cursiva.isselected()? Font.ITALIC : Font.PLAIN; // establecer tipo de letra del campo de texto campo.setfont( new Font( "Serif", valnegrita + valcursiva, 14 ) ); // fin del método itemstatechanged // fin de la clase interna privada ManejadorCasillaVerificacion

86 private class ManejadorCasillaVerificacion implements ItemListener { private int valnegrita = Font.PLAIN; private int valcursiva = Font.PLAIN; // responder a eventos de casilla de verificación public void itemstatechanged( ItemEvent evento ) { // procesar eventos de casilla de verificación negrita if ( evento.getsource() == negrita ) valnegrita = negrita.isselected()? Font.BOLD : Font.PLAIN; // procesar eventos de casilla de verificación cursiva if ( evento.getsource() == cursiva ) valcursiva = cursiva.isselected()? Font.ITALIC : Font.PLAIN; // establecer tipo de letra del campo de texto campo.setfont( new Font( "Serif", valnegrita + valcursiva, 14 ) ); // fin del método itemstatechanged PruebaCasillaVerificacion // fin de la clase interna privada ManejadorCasillaVerificacion

87 JRadioButton (Botones de opción) En un RadioButton, solo una de las opciones se puede seleccionar al tiempo

88 JRadioButton (Botones de opción) Un RadioButton genera un evento ItemEvent cuando el usuario hace clic en él Utilizar un objeto manejador de una clase que implemente la interfaz ItemListener!!!

89 JRadioButton (Botones de opción) Declarar private JRadioButton botonsimple, botonnegrita private ButtonGruop grupobotonesopcion; Como existe una relación entre los botones (no se puede seleccionar más de un botón al tiempo), se debe agrupar en un componente ButtonGroup Después de crear cada RadioButton, se deben adicionar a un único ButtonGroup

90 JRadioButton (Botones de opción) Crear botonsimple = new JRadioButton( "Simple", true ); contenedor.add( botonsimple ); botonnegrita = new JRadioButton( "Negrita", false ); contenedor.add( botonnegrita ); botoncursiva = new JRadioButton( "Cursiva", false ); contenedor.add( botoncursiva ); botonnegritacursiva = new JRadioButton( "Negrita/Cursiva", false ); contenedor.add( botonnegritacursiva );

91 JRadioButton (Botones de opción) Crear botonsimple = new JRadioButton( "Simple", true ); contenedor.add( botonsimple ); Se puede indicar cuál de las opciones estará activa en el momento de iniciar la aplicación botonnegrita = new JRadioButton( "Negrita", false ); contenedor.add( botonnegrita ); botoncursiva = new JRadioButton( "Cursiva", false ); contenedor.add( botoncursiva ); botonnegritacursiva = new JRadioButton( "Negrita/Cursiva", false ); contenedor.add( botonnegritacursiva );

92 JRadioButton (Botones de opción) Crear botonsimple = new JRadioButton( "Simple", true ); contenedor.add( botonsimple ); botonnegrita = new JRadioButton( "Negrita", false ); contenedor.add( botonnegrita ); botoncursiva = new JRadioButton( "Cursiva", false ); contenedor.add( botoncursiva ); botonnegritacursiva = new JRadioButton( "Negrita/Cursiva", false ); contenedor.add( botonnegritacursiva ); ManejadorBotonOpcion manejador = new ManejadorBotonOpcion(); botonsimple.additemlistener(manejador); botonnegrita.additemlistener(manejador); botoncursiva.additemlistener(manejador); botonnegritacursiva.additemlistener(manejador); Se adiciona el oyente a cada RadioButton

93 botonsimple = new JRadioButton( "Simple", true ); contenedor.add( botonsimple ); botonnegrita = new JRadioButton( "Negrita", false ); contenedor.add( botonnegrita ); botoncursiva = new JRadioButton( "Cursiva", false ); contenedor.add( botoncursiva ); botonnegritacursiva = new JRadioButton( "Negrita/Cursiva", false ); contenedor.add( botonnegritacursiva ); ManejadorBotonOpcion manejador = new ManejadorBotonOpcion(); botonsimple.additemlistener(manejador); botonnegrita.additemlistener(manejador); botoncursiva.additemlistener(manejador); botonnegritacursiva.additemlistener(manejador); grupobotonesopcion = new ButtonGroup(); grupobotonesopcion.add( botonsimple ); grupobotonesopcion.add( botonnegrita ); grupobotonesopcion.add( botoncursiva ); grupobotonesopcion.add( botonnegritacursiva ); Se crea el ButtonGroup y se le adicionan los RadioButton

94 botonsimple = new JRadioButton( "Simple", true ); contenedor.add( botonsimple ); botonnegrita = new JRadioButton( "Negrita", false ); contenedor.add( botonnegrita ); botoncursiva = new JRadioButton( "Cursiva", false ); contenedor.add( botoncursiva ); botonnegritacursiva = new JRadioButton( "Negrita/Cursiva", false ); contenedor.add( botonnegritacursiva ); ManejadorBotonOpcion manejador = new ManejadorBotonOpcion(); botonsimple.additemlistener(manejador); botonnegrita.additemlistener(manejador); botoncursiva.additemlistener(manejador); botonnegritacursiva.additemlistener(manejador); grupobotonesopcion = new ButtonGroup(); grupobotonesopcion.add( botonsimple ); grupobotonesopcion.add( botonnegrita ); grupobotonesopcion.add( botoncursiva ); grupobotonesopcion.add( botonnegritacursiva ); PruebaBotonOpcion Ver Oyente

95 JComboBox (Cuadro combinado) Un ComboBox, conocido como lista desplegable proporciona una lista de elementos de la cual el usuario puede seleccionar solamente uno Los objetos ComboBox generan eventos ItemEvent cuando el usuario hace clic en una de las opciones de la lista Utilizar un objeto manejador de una clase que implemente la interfaz ItemListener!!!

96 JComboBox (Cuadro combinado) Declarar private JComboBox cuadrocombimagenes; private String nombres[] = { "image3.gif", "image10.gif", "image5.gif", "image8.gif" ;

97 JComboBox (Cuadro combinado) Declarar private JComboBox cuadrocombimagenes; private String nombres[] = { "image3.gif", "image10.gif", "image5.gif", "image8.gif" ; Se debe crear una arreglo con los datos que aparecerán en la lista

98 JComboBox (Cuadro combinado) Crear cuadrocombimagenes = new JComboBox( nombres ); cuadrocombimagenes.setmaximumrowcount(4); Se pasa al constructor el arreglo con los datos que aparecerán en la lista

99 JComboBox (Cuadro combinado) Crear cuadrocombimagenes = new JComboBox( nombres ); cuadrocombimagenes.setmaximumrowcount(4); Se establece la cantidad máxima de ítems que puede tener la lista sin necesitar la barra de desplazamiento

100 JComboBox (Cuadro combinado) Crear cuadrocombimagenes = new JComboBox( nombres ); cuadrocombimagenes.setmaximumrowcount(2); Aparece la barra si se coloca el valor en 2 y hay 4 elementos en la lista

101 private class ManejadorCombo implements ItemListener { public void itemstatechanged( ItemEvent evento ) { if ( evento.getstatechange() == ItemEvent.SELECTED ){ int index=cuadrocombimagenes.getselectedindex(); System.out.println("Seleccionó el item " + index + " en la lista"); etiqueta.seticon( iconos[index ] );

102 private class ManejadorCombo implements ItemListener { public void itemstatechanged( ItemEvent evento ) { if ( evento.getstatechange() == ItemEvent.SELECTED ){ int index=cuadrocombimagenes.getselectedindex(); System.out.println("Seleccionó el item " + index + " en la lista"); etiqueta.seticon( iconos[index ] ); Método que permite conocer que un ítem cambio de estado

103 private class ManejadorCombo implements ItemListener { public void itemstatechanged( ItemEvent evento ) { if ( evento.getstatechange() == ItemEvent.SELECTED ){ int index=cuadrocombimagenes.getselectedindex(); System.out.println("Seleccionó el item " + index + " en la lista"); etiqueta.seticon( iconos[index ] ); Método del ComboBox que permite saber cuál de los ítems fue seleccionado. Retorna el índice (comenzando en 0)

104 private class ManejadorCombo implements ItemListener { public void itemstatechanged( ItemEvent evento ) { if ( evento.getstatechange() == ItemEvent.SELECTED ){ int index=cuadrocombimagenes.getselectedindex(); System.out.println("Seleccionó el item " + index + " en la lista"); etiqueta.seticon( iconos[index ] ); PruebaCuadroComb

105 JList (listas de selección) Una lista de selección permite al usuario seleccionar uno (Listas de selección simple) o varios elementos de una lista (Listas de selección múltiple) Las listas de selección se combinan con la clase JScrollPane JList JScrollPane

106 Una lista de selección genera eventos ListSelectionEvent cuando el usuario hace clic en una de las opciones de la lista Utilizar un objeto manejador de una clase que implemente la interfaz ListSelectionListener!!! Para adicionar este escucha se debe utilizar el método addlistselectionlistener

107 JList (listas de selección) Declarar private JList listacolores; private JScrollPane scroll; private final String nombrescolores[] = { "Negro", "Azul", "Cyan", "Gris oscuro, "Gris", "Verde", "Gris claro", "Magenta", "Naranja", "Rosa", "Rojo", "Blanco", "Amarillo" ; Se debe crear un arreglo con los datos que aparecerán en la lista

108 JList (listas de selección) Crear listacolores = new JList( nombrescolores ); listacolores.setvisiblerowcount( 5 ); listacolores.setselectionmode( ListSelectionModel.SINGLE_SELECTION ); scroll = new JScrollPane(listaColores); contenedor.add(scroll);

109 JList (listas de selección) Crear listacolores = new JList( nombrescolores ); listacolores.setvisiblerowcount( 5 ); listacolores.setselectionmode( ListSelectionModel.SINGLE_SELECTION ); scroll = new JScrollPane(listaColores); contenedor.add(scroll); Se pasa al constructor la lista con los nombres Se adiciona la lista a un scroll Se especifica que es una lista de selección simple

110 JList (listas de selección) Crear listacolores = new JList( nombrescolores ); listacolores.setvisiblerowcount( 5 ); listacolores.setselectionmode( ListSelectionModel.SINGLE_SELECTION ); scroll = new JScrollPane(listaColores); contenedor.add(scroll); ManejadorLista manejador = new ManejadorLista(); listacolores.addlistselectionlistener(manejador);

111 private class ManejadorLista implements ListSelectionListener { public void valuechanged( ListSelectionEvent evento ) { int index=listacolores.getselectedindex(); contenedor.setbackground(colores[index] ); Se implementa el método valuechange de la interfaz ListSelectionListener

112 private class ManejadorLista implements ListSelectionListener { public void valuechanged( ListSelectionEvent evento ) { int index=listacolores.getselectedindex(); contenedor.setbackground(colores[index] ); PruebaLista

113 JList (listas de selección) JList de selección múltiple JList de selección simple

114 JList (listas de selección) Crear listacolores = new JList( nombrescolores ); listacolores.setvisiblerowcount( 5 ); listacolores.setselectionmode(listselectionmodel.multiple_interval_selection); scroll1 = new JScrollPane(listaColores); contenedor.add(scroll1); Se especifica que se permite selección múltiple

115 public class ManejadorMultiple implements ActionListener { public void actionperformed( ActionEvent evento ) { listacopia.setlistdata( listacolores.getselectedvalues() ); Se captura el evento por medio del botón Establecer los datos que aparecerán en la lista Retorna los valores de listacolores seleccionados

116 public class ManejadorMultiple implements ActionListener { public void actionperformed( ActionEvent evento ) { listacopia.setlistdata( listacolores.getselectedvalues() ); PruebaSeleccionMultiple Explicar ancho y alto de la lista que no tiene elementos