Desarrollo de Aplicaciones en Java INF 473

Transcripción

1 Desarrollo de Aplicaciones en Java INF 473 Desarrollo de Interfaces Gráficas Componentes Swing III Prof. José Miguel Rubio PUCV Marzo

2 Menús (I) Ejemplo:» Menús Jerarquía: 1

3 Menús (II) Menús normales y desplegables:» JMenuBar (menú normal) Constructor: public JMenuBar() Métodos: public JMenu add(jmenu c) Asignación de menús (en objetos de tipo JFrame, JDialog y JApplet); no se hace en el contentpane : public void setjmenubar(jmenubar menubar)» JPopupMenu (menú desplegable) Constructor: public JPopupMenu(String label) Métodos: public JMenuItem add (JMenuItem menuitem) public void addseparator() Mostrar el menú: public void show(component invoker, int x, int y) 2

4 Menús (III) JMenu» Constructor: public JMenu(String s)» Métodos: public JMenuItem add(jmenuitem menuitem) public void addseparator() JMenuItem» Constructor: public JMenuItem(String text)» Eventos: ActionEvent JCheckBoxMenuItem» Constructor: public JCheckBoxMenuItem(String text, boolean selected)» Eventos: ActionEvent, ItemEvent 3

5 Menús (IV) JRadioButtonMenuItem» No permite selección múltiple» Constructor: public JRadioButtonMenuItem(String text, boolean selected)» Eventos: ActionEvent, ItemEvent» Para permitir uno solo activable, se crea un grupo: ButtonGroup: public void add(abstractbutton b) 4

6 Ejemplo 5

7 Operación de pintar Cómo se pinta?» Clase java.awt.graphics Contexto gráfico o pincel virtual Métodos: public abstract void drawstring(string str, int x, int y) public abstract void filloval(int x, int y, int width, int height) public void drawrect(int x, int y, int width, int height) public abstract void setfont(font font) public abstract void setcolor(color c)» Una vez creada una componente, se puede acceder a su contexto gráfico: Clase JComponent public Graphics getgraphics() 6

8 Eventos de pintar (I) Cuándo se pinta? Una vez creada una componente, haciendo: Graphics g = <componente>.getgraphics(); g.<método-de-pintar> Inconveniente: habría que ejecutarlo en muchas ocasiones En respuesta a la generación de un evento de pintar que llega a la cola de eventos. Respuesta al evento de pintar :» Se ejecuta el método paint de la componente» JComponent public void paint (Graphics g)» Es público» Llama a paintcomponent, a paintborder y a paintchildren protected void paintcomponent(graphics g)» Pinta el background 7

9 Eventos de pintar (II) Modos de generación de un evento de pintar» Automático: Mostrar la ventana por primera vez; desiconizar una ventana; activar la ventana que se encontraba total o parcialmente oculta, etc.» Llamada al método (java.awt.component): public void repaint() Componentes no predefinidas:» Subclase de JPanel, redefiniendo paintcomponent Ejemplo: Llamando primero a super.paintcomponent» Pintar-Imagen-Animación 8

10 Imágenes y animaciones Creación de imágenes:» Clase Graphics public abstract boolean drawimage(image img, int x, int y, int width, int height, ImageObserver observer)» JComponent desciende de ImageObserver (interface)» Clase java.awt.toolkit public static Toolkit getdefaulttoolkit() public abstract Image getimage(string filename) public abstract Image getimage(url url) Animaciones:» Creación de un thread que duerme y repinta Uso de timers (threads predefinidos), mediante la clase Timer Ejemplo» Animación-Timers 9

11 Ejemplo 10

12 Movimientos de ratón (I) Clase java.awt.event.mouseevent» Constructor» Métodos: public MouseEvent(Component source, int id, long when, int modifiers, int x, int y, int clickcount, boolean popuptrigger, int button) public int getbutton() (botón del ratón) public int getclickcount() public int getx() public int gety() public Object getsource() Movimientos de ratón: java.awt.event.mousemotion Listener public void mousedragged(mouseevent e) public void mousemoved(mouseevent e) 11

13 Movimientos de ratón (II) Dos tipos de interacciones:» 1) Mover ratón sin tocar sus botones» 2) Arrastrar ratón 1) Mover ratón sin tocar sus botones» Eventos generados: Un MouseEvent por cada desplazamiento infinitesimal El getsource, getx y gety son relativos a la componente bajo el ratón Recogido por un MouseMotionListener y procesado por mousemoved 12

14 Movimientos de ratón (III) 2) Arrastrar ratón» Eventos generados: Ejemplo Un MouseEvent inicial Recogido por un MouseListener y procesado por mousepressed Un MouseEvent por cada desplazamiento infinitesimal El getsource, getx y gety son relativos a la componente desde donde se arrastra Recogido por un MouseMotionListener y procesado por mousedragged Un MouseEvent final Recogido por un MouseListener y procesado por mouserealeased» Movimientos-Ratón 13

15 Ejemplo 14

16 Applets Interfaces de usuario que se muestran en navegadores Web.» Análogos a JFrame, aunque: Su tamaño es fijo en la página web No tienen los permisos que una interfaz de usuario normal creada dentro del método main Por seguridad No tienen método main. Se define una subclase de JApplet y el navegador ejecuta: 1) El constructor JApplet() 2) Métodos init, start, stop, destroy cuando corresponda 15

17 Dentro de una página Web Un applet se incluye en una página Web entre código HTML: Fichero ejemplo.html <HTML> <HEAD> <TITLE> Una página con un applet </TITLE> </HEAD> <BODY> A continuación aparece el applet: <APPLET CODE= MiApplet2.class WIDTH=350 HEIGHT=200> </APPLET> </BODY> </HTML> 16

18 Ejemplo Ejemplo: Applets 17

19 Jerarquía de clases Jerarquía 1. java.lang.object 2. java.awt.component 3. java.awt.container 4. java.awt.panel 5. java.applet.applet 6. javax.swing.japplet 18

20 Características generales No necesita método main; se extiende la clase JApplet Los simuladores de applets ( appletviewers ) emulan a applets.» Desde línea de comandos: appletviewer ejemplo.html ignora el código html fuera de <applet>..</applet> Dimensiones modificables interactivamente Los navegadores Internet Explorer y Netscape soportan JDK 1.1.» Al instalar una versión superior (por ejemplo J2SK 1.4), se instala un plug-in para que el navegador admita applets de esa versión superior. Applets más convenientes en intranets (mayor velocidad de download ). 19

21 Métodos característicos de un applet Dentro de la clase JApplet:» init(): Inicialización de una página en el navegador (se ejecuta una sola vez)» start(): Inicializacion o revisita de una página» stop(): Al destruir la página o abandonarla» destroy(): Al destruir la página Algunos navegadores (como Internet Explorer) no cumplen este estándar:» Destruyen el applet al abandonar una página (haciendo también destroy ) y reinicializan completamente el applet al revisitarla. Hilos generados (no estándar):» Algunos navegadores generan un hilo de eventos por cada applet de una página y otros lo hacen de otra manera 20

22 Limitaciones de applets Dependientes del navegador. Algunas de ellas:» No pueden leer o escribir en ficheros.» Conexiones imposibles a otra máquina distinta de la que proviene.» No puede arrancar ningún programa en el ordenador donde se está ejecutando, ni tampoco leer sus propiedades. En el appletviewer aparecen menos restricciones (se pueden leer propiedades locales, ejecutar otro programa,...) En Java, sin embargo, hay otros servicios que permiten ignorar estas limitaciones:» A los signed applets de confianza se les puede dar los mismos privilegios que a una aplicación. 21

23 Sintaxis (I) para <applet>...</applet> <APPLET [CODEBASE = codebaseurl] CODE = appletfile [ARCHIVE = JARFiles] [NAME = appletinstancename] WIDTH= pixels HEIGHT= pixels > [<PARAM NAME = AttributeName1 VALUE = AttributeValue1>] [<PARAM NAME = AttributeName2 VALUE = AttributeValue2>]... </APPLET> 22

24 Sintaxis (II) para <applet>...</applet> El contenido del classpath son direcciones internet:» codebase Análogo a los directorios locales que se añaden a Filesystems en Netbeans» archive Análogo a los ficheros.zip o.jar que se añaden a Filesystems en Netbeans Un applet puede recibir parámetros dentro de <param> </param>» Análogo a los parámetros del método main de una aplicación Java normal.» Método: public String getparameter(string name) 23

25 Interfaz web Páginas HTML dinámicas (I)» Páginas HTML» JSP (Java Server Pages) Comentario <%-- --%> Directiva (de página) <% page %> Scriptlets (mezclables con HTML) <% %> <%= %> (conversión a String) Uso de un bean de sesión Bean (atributos con métodos get/set)» Javascript Alternativa a JSP JSP envía al servidor y espera respuesta Javascript ejecuta en cliente 24

26 Ejemplo Páginas HTML» Interfaz-Web dinámicas (II) Sesión Bean» Uso del patrón MVC (Model View Controller) Programación Web Visual (Rapid Web Development)» Sun Java Studio Creator Patrones de diseño (UML). Ejemplos:» MVC» Patrón de Fábrica Abstracta Ejemplo: Patrón-Diseño 25

27 Ejemplo: Patrones de diseño» Patrón de Fábrica Abstracta Ejemplo:» Realización de preguntas basadas en menús Ejemplo 1 (estilo números) Ejemplo 2 (estilo subcadenas) Implementación en Java» Ejemplo: Patrón-Diseño 26

28 Ejemplo 1 Estilo de menús basados en números (respuesta con un número) Pregunta: Capital de Francia 1. Londres 2. Roma 3. Paris 4. Caracas Introduce el numero correcto 1 Respuesta incorrecta Pregunta: Capital de Francia 1. Londres 2. Roma 3. Paris 4. Caracas Introduce el numero correcto 3 Respuesta correcta 27

29 Ejemplo 2 Estilo de menús basados en subcadenas (respuesta con dos primeras letras) Pregunta: Capital de Francia - Londres - Roma - Paris - Caracas Introduce las dos primeras letras de la solucion Pa Respuesta correcta Pregunta: Capital de Francia - Londres - Roma - Paris - Caracas Introduce las dos primeras letras de la solucion Ca Respuesta incorrecta 28

30 Método main int main(int argc, char* argv[]) { <Creación de una fábrica de menús de números> // Ejemplo 1 // Ejemplo 2: Utilización del patrón: // <Creación de una fábrica de menús de subcadenas> <Creación por la fábrica de un menú > <Crear la pregunta "Capital de Francia" para el menú> <Crear la opción "Londres" para el menú> <Crear la opción "Roma" para el menú> <Crear la opción "París" para el menú, como la correcta> <Crear la opción "Caracas" para el menú> <repetir dos veces> <Ejecutar la acción preguntar en el menú> <Ejecutar la acción responder en el menú> <fin de repetición> } 29

31 Diagrama de clases Menu #elementos: vector<string> #solucion: string #pregunta: string #respuesta +crearpregunta(s:string): void +crearnuevaopcion(string,correcta:int): void +responder(): void +preguntar() FabricaDeMenus +crearmenu(): Menu FabricaDeMenusDeSubcadenas +crearmenu(): Menu MenuDeNumeros +preguntar(): void FabricaDeMenusDeNumeros +crearmenu(): Menu MenuDeSubcadenas +preguntar(): void 30

32 Diagrama de secuencia un Usuario new una FabricaDeMenusDe Numeros crearmenu crearpregunta new un MenuDeNumeros * crearnuevaopcion preguntar responder 31