PRCTICA DE LENGUAJE DE PROGRAMACIN

Tema: Interfaces grficas Componentes Esta prctica tiene por finalidad demostrar el uso y manejo de diferentes componentes bsicos de la biblioteca grfica Swing de Java. Para ello disearemos un formulario de ingreso de datos de alumnos. La apariencia final que obtendremos (y que se explica ms adelante) ser similar a:

Figura: Apariencia final del JFrame para ingreso de datos de alumnos de EBR 1. Empezaremos creando un nuevo proyecto denominado sistema: a) Luego agrega una Application Window: Men Archivo > Nuevo > Otras > WindowBuilder > Swing Designer > Aplication Window denominndola frmDatosAlumno. b) En vista diseo activa el Absolut Layout para poder colocar libremente los componenetes. c) Inserta los siguientes componentes basandose en la imagen mostrada arriba al inicio.

Propiedades OBJETO JTextField JTextField JDateChooser JPanel JRadioButton JRadioButton rbMasculino rbFemenino Masculino Femenino Variable txtNombres txtApellidos dcFena text model

Observaciones

Importar este componente contenedor de los botones Femenino y masculino Insertar dentro del JPane Insertar dentro del JPane IESPP-Jos Jimnez Borja

Prof. Simn Quispeluza M.

JComboBox

cboNivel

Inicial Primaria Secundaria 3 aos 4 aos 5 aos Contenedor del JList Poner dentro del scroll Nuevo Guardar Salir

JComboBox

cboGrado

JComboBox JScrollPane JList JCheckBox JButton JButton JButton

cboSeccion scroll lstApoderados chkBecado btnNuevo btnGuardar btnSalir

d) Adems de los objetos sealados en esta tabla insertar objetos JLabel necesarios para poner los rtulos as como lneas separadoras. Utilice tambin la barra de herramientas para alinear de tal forma que se obtenga un aspecto similar al mostrado al inicio. Nota: Para ir probando cmo queda la interfaz grfica, en la vista diseo active el men contextual y escoja la opcin Test/Preview... 2. Para hacer excluyentes la seleccin de los botones de radio Femenino y Masculino proceda as: En la ficha Structure seleccione los dos botones de radio rbMasculino y rbFemenino Active el menu contextual y seleccione Set ButtonGroup > New Standard. A este grupo dele el nombre de bgSexo. Verifique que ahora dichos botones de radio forman un grupo y por lo tanto son excluyentes, es decir si selecciona uno el otro se deselecciona. 3. Realice las modificaciones necesarias al cdigo de tal forma que los objetos (que permiten el ingreso de datos por parte el usuario) se declaren como miembros de la clase y se crean en el mtodo initialize. Recuerde que esto es para darle a los objetos un mbito de vida dentro de toda la clase y no slo al mbito de initialize. Debera quedar similar a:
public class frmDatosAlumno { private JFrame frmDatos; private JTextField txtNombres; private JTextField txtApellidos; private JDateChooser dcFena; private JRadioButton rbMasculino; private JRadioButton rbFemenino; private JComboBox cboNivel; private JComboBox cboGrado; private JComboBox cboSeccion; private JList lstApoderados; private JCheckBox chkBecado; private final ButtonGroup bgSexo = new ButtonGroup();

Prof. Simn Quispeluza M.

IESPP-Jos Jimnez Borja

Verifique que en el mtodo initialize no se declaran sino se crean stos objetos declarados como miembros de la clase. Ej:
... txtNombres = new JTextField(); // crear objeto (declarado previamente) ...

4. Programar el actionPerformed del cboNivel con el cdigo:

switch (cboNivel.getSelectedIndex() ) { case -1: // no hay items en el JcomboBox break; case 0: // Inicial cboGrado.setModel(new DefaultComboBoxModel(new String[] {"3 aos", "4 aos", "5 aos"})); break; case 1: // Primaria case 2: // Secundaria cboGrado.setModel(new DefaultComboBoxModel(new String[] {"Primero", "Segundo", "Tercero", "Cuarto", "Quinto"})); break; } if (cboNivel.getSelectedIndex() == 1) // si es primaria agregar cboGrado.addItem("Sexto");

5. De manera similar el actionPerformed para el btnNuevo codificar:

// Limpiar campos txtNombres.setText(""); txtApellidos.setText(""); dcFena.setDate(null); cboNivel.setSelectedIndex(-1); cboGrado.setSelectedIndex(-1); cboSeccion.setSelectedIndex(-1); lstApoderados.setSelectedIndex(-1); lstApoderados.clearSelection(); bgSexo.clearSelection(); chkBecado.setSelected(false);

6. Tambin al final del mtodo initialize agregar:

// Rellenar Lista de apoderados DefaultListModel modelo = new DefaultListModel(); lstApoderados.setModel(modelo); for (int i=0; i < 20; i++) modelo.addElement("Apoderado " + i); // Rellenar cbSeccion con letras de A-Z for (char c='A'; c <= 'Z'; c++) cboSeccion.addItem(c);

7. No olvidar programar el btnSalir. Luego prueba el programa, corrija errores posibles e ingrese datos para probar la funcionalidad del programa. 8. Queda pendiente la implementacin de btnGuardar. Actividades: Resuma los mtodos usados para cada componente, as como una explicacin del uso que se le ha dado en este programa. Prof. Simn Quispeluza M. IESPP-Jos Jimnez Borja