3UiFWLFD 3URJUDPDFLyQ-DYD San Sebastián, abril 1999 -DYLHU *DUFtD GH -DOyQ Â -RVp,JQDFLR 5RGUtJXH] $OIRQVR %UD]iOH] Â $OEHUWR /DU]DEDO Â -HV~V &DOOHMD Â -RQ *DUFtD
Informática 2: Práctica nº 9 página 1 INDICE Ejercicio 1: Crear una ventana con un botón Salir...1 Ejercicio 2: Crear una ventana con un botón Salir de reducido tamaño...2 Ejercicio 3. Crear una clase que muestre y cambie el color de su zona central...2 Ejercicio 4: Modifica el Ejercicio anterior...3 Ejercicio 5: Si te ha sobrado tiempo...3 Antes de comenzar la práctica abre el Windows Explorer y comprueba que se ha creado de modo automático en tu disco G:\ un directorio llamado Inf2prac09. No deberás moverlo a otro subdirectorio ni cambiarle de nombre. Por motivos de orden es importante que todos los ejercicios de esta práctica se creen dentro de este directorio, porque esta semana se recogerá la práctica. Como recomendación general, mantén abierto el Windows Explorer y comprueba de vez en cuando que los proyectos de los distintos ejercicios se están guardando correctamente. Hay que evitar copiar los ejercicios de otra persona, principalmente porque así no se aprende a programar: a programar sólo se aprende programando. Puedes utilizar también Windows Explorer para ayudar a Visual J++ 6.0 a crear un proyecto nuevo a partir de los ficheros del anterior. Ejercicio 1: Crear una ventana con un botón Salir En este ejercicio se trata de crear una ventana de 300x200 pixels, situada a una distancia (100x200) pixels de la esquina superior izquierda de la pantalla, que responda al evento Closing en los controles de la propia ventana, y que disponga de un botón Salir que termine la aplicación al clicar sobre él. Crea con Visual J++ 6.0 un proyecto nuevo llamado Ejer1 en el directorio Inf2prac09. La Figura 1 muestra la ventana de esta aplicación. Figura 1. Ventana principal de la clase Ejemplo1. La clase principal de este ejercicio se llamará Ejemplo1 y se guardará en un fichero llamado Ejemplo1.java. Dicha clase derivará de la clase VentanaCerrable, que se ha utilizado en las prácticas anteriores y está disponible en la Web de la asignatura. La clase Ejemplo1 contendrá el método main(), el constructor Ejemplo1() y el método necesario para responder al evento click en el botón Salir. Recuérdese que para que un componente reciba eventos y éstos sean procesados hace falta seguir los siguientes pasos: 1. Crear el componente, por ejemplo un botón.
Informática 2: Práctica nº 9 página 2 2. Registrar el componente creado con el objeto que se ocupará de procesar sus eventos. En este caso dicho objeto puede ser la propia ventana Ejemplo1. Para registrar este componente se utilizará un método del tipo addxxxxlistener(). 3. Añadir el componente creado a su container. 4. Hacer que la clase correspondiente al objeto que va a gestionar los eventos implemente la interface XxxxListener. 5. Implementar en dicha clase los métodos de la interface XxxxListener citada. Obsérvese en la Figura 1 que el botón Salir, introducido en la zona North de la ventana (que por defecto tiene BorderLayout) ocupa toda la zona correspondiente, produciendo un efecto un tanto extraño.. Ejercicio 2: Crear una ventana con un botón Salir de reducido tamaño Crea un proyecto llamado Ejer2 con Visual J++ en el directorio de la práctica Inf2prac09. Copia a este directorio los ficheros Ejemplo1.java y VentanaCerrable.java. Ahora cambia el nombre al fichero Ejemplo1.java y llámale Ejemplo2.java. Abre el fichero Ejemplo2.java y cambia el nombre de la clase Ejemplo1 para que se llame Ejemplo2. Ejecuta el programa para comprobar que todo funciona correctamente. En este ejercicio se trata de conseguir que el botón Salir tenga un tamaño más apropiado, tal como el mostrado en la Figura 2. Figura 2.Ventana principal de la clase Ejemplo2. Para conseguir este cambio hay que añadir el botón a un panel y luego añadir el panel a la zona North de la ventana. Como el panel utiliza por defecto FlowLayout el botón adquiere el tamaño mínimo para poder contener su rótulo. Ejercicio 3. Crear una clase que muestre y cambie el color de su zona central Crea con Visual J++ un proyecto llamado Ejer3 en el directorio de la práctica Inf2prac09. Copia a este directorio los ficheros Ejemplo2.java y VentanaCerrable.java. Ahora cambia el nombre al fichero Ejemplo2.java y llámale Ejemplo3.java. Abre el fichero Ejemplo3.java y cambia el nombre de la clase Ejemplo2 para que se llame Ejemplo3. Ejecuta el programa para comprobar que todo funciona correctamente. Ahora ya puedes empezar a modificar el proyecto. La Figura 3 muestra la ventana principal de la aplicación que hay que desarrollar. Respecto al Ejercicio 2 la modificaciones introducidas son las siguientes:
Informática 2: Práctica nº 9 página 3 1. En la zona Center de la ventana se ha introducido un Canvas. 2. En la zona South de la ventana se ha introducido un Panel con GridLayout. En la celda de la izquierda se ha añadido un botón Cambiar color ; en la celda de la derecha se ha introducido un control Choice. Este control dispone de cuatro opciones: Elija un color, Rojo, Verde y Azul. Figura 3. Ventana principal de la clase Ejemplo3. 3. El botón Cambiar color realiza un sorteo de tres enteros entre 0 y 255. A partir de estos tres valores se construye un objeto de la clase Color que se utiliza para dar color al canvas de la zona central. 4. El control Choice permite elegir uno de los tres colores fundamentales para la zona central. 5. Cuando el botón Cambiar color realiza un sorteo y cambia el color de la zona Center se debe actualizar el valor del control Choice de modo que muestre la opción Elija un color, en vez de mostrar el nombre de uno de los colores fundamentales. Pueden utilizarse como modelo los ficheros *.class de este ejercicio, que están el en directorio q:\\infor2\prac09\ejer3. Ejercicio 4: Modifica el Ejercicio anterior Modifica el Ejercicio 3 para conseguir que los controles situados en la zona South tengan un tamaño más reducido, es decir, para que no ocupen el espacio completo de las celdas de GridLayout. Ejercicio 5: Si te ha sobrado tiempo Si te ha sobrado tiempo o eres una persona a la que le gustan los retos informáticos puedes intentar realizar esté último ejercicio. Se trata de una versión Java de un ejercicio que se realiza en la primera práctica de Visual Basic, en Informática 1. Se trata de una variante del Ejercicio 2 de la Práctica 8: en vez de modificar sólo el color de fondo de un canvas, introduce en dicho canvas un texto (por ejemplo Informática 2 ), de modo que se pueda modificar tanto el color del fondo como el del texto. Para ello, en la zona North introducirás dos botones de opción. El resultado final deberá ser algo similar a lo que se muestra en la Figura 4 muestra el resultado final de este ejercicio. Pueden utilizarse como modelo los ficheros *.class de este ejercicio, que están el en directorio q:\\infor2\prac09\ejer5.
Informática 2: Práctica nº 9 página 4 Figura 4. Resultado de la clase Colores3.