Applets y Aplicaciones gráficas en Java

5/13/2018

Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

Applets y Aplicaciones gráficas en Java Lo básico ...

M.C. Yalú Galicia Hdez. http://slide pdf.c om/re a de r/full/a pplets-y-a plic a c ione s-gra fic a s-e n-java

1 1/121

5/13/2018


Applets v.s. Aplicaciones p

Las principales diferencias entre las aplicaciones y los applets son: n

n

Las aplicaciones Java son programas (requieren de un main() ) que se ejecutan localmente usando el interprete de java Los applets Java se pueden ejecutar remotamente usando un navegador Web (Netscape, Explorer, etc.), incrustando una referencia al applet en una página Web utilizando una etiqueta HTML especial , el navegador baja el applet y lo ejecuta en el sistema local. También puede utilizarse el appletviewer. M.C. Yalú Galicia Hdez.

http://slide pdf.c om/re a de r/full/a pplets-y-a plic a c ione s-gra fic a s-e n-java

2 2/121

5/13/2018


Applets v.s. Aplicaciones ... n

n

Las aplicaciones y los applets tiene distinto conjunto de restricciones que señalan como pueden operar dentro de un contexto de seguridad (por ejemplo: El acceso al sistema de archivos, ejecución de programas en el sistema local, etc.) Los applets no requieren el método main(), ya que su ciclo de vida es diferente al de una aplicación.


3 3/121

5/13/2018


El JFC p

p

Para diseñar aplicaciones que utilicen interfaces gráficas (ventanas, etiquetas, cajas de texto, botones, barras de desplazamiento, etc.), java proporciona una biblioteca de clases denominada JFC (Java Foundation Classes) Bajo JFC se agrupan las API’s (Interfaces para programación de aplicaciones) n n n

Swing AWT Java 2D (gráficos 2D de alta calidad)


4 4/121

5/13/2018


AWT v.s. Swing p

p

Abstract Window Toolkit (AWT). Librerias básicas n Se intentó “Write Once, Run Anywhere” en multiplataformas. Pero terminaba en “write once, debug everywhere”. Pintar en una ventana =“swing” n Swing no remplaza a AWT, solo lo mejora en el “look and feel”, es decir, la apariencia en pantalla y funcionamiento, que van a tener n

los Componentes Swing de ese ejecutable. El Look-and-Feel es la apariecia que se proporciona a los diferentes Componentes: botones, cajas de texto, cajas de selección, listas, etc M.C. Yalú Galicia Hdez.


5 5/121

5/13/2018


AWT y Swing


6 6/121

5/13/2018


Swing p

Los componentes Swing son implementados completamente en el lenguaje Java.

p

La características “look and feel” permite crear GUIs que pueden ser vistas de igual forma en diferentes plataformas o asumir el look and feel de la plataforma del SO (como Microsoft Windows, Solaris or Linux). M.C. Yalú Galicia Hdez.


7 7/121

5/13/2018


AWT v.s. Swing


8 8/121

5/13/2018


Aplicaciones gráficas Un vistazo…


9 9/121

5/13/2018


Aplicación gráfica p

p

Una aplicación que muestra una interfaz gráfica cuando se ejecuta, no es más que un objeto de una clase derivada de Jframe. Los componentes más comunes derivados de la clase JComponet son: (paquete javax.swing): n Etiquetas: JLabel n n n n n n n n

Botones: JButton Cajas de texto de una línea: JTextField Cajas de Texto de varias líneas: JTextArea Casilla de verificación: JCheckBox Botones de opción: JRadioButton Listas: JList Barras de desplazamiento: JScrollBar Cuadros de dialogo estándar: JOptionPane M.C. Yalú Galicia Hdez.


10 10/121

5/13/2018


Contenedores p

p

Los contenedores son componentes Swing utilizados para ubicar otros componentes: Ejemplo de contenedores n

Contenedores de nivel superios: p Jframe (Marcos), JDialog (Cuadros de Dialogo) y JApplet (Applet) p Cada uno de estos contenedores define un componente llamado panel , que a su vez puede contener otros paneles, creando una jerarquía de paneles. p La clase para crear paneles es JPanel. M.C. Yalú Galicia Hdez. http://slide pdf.c om/re a de r/full/a pplets-y-a plic a c ione s-gra fic a s-e n-java

11 11/121

5/13/2018


JFrame – Marco o Formulario p

Algunos de los métodos más importantes n setTitle: Sirve para cambiar el texto que aparece en la barra de título n setResizable: Admite un boolean (true o false) y determina si el usuario va a poder o no cambiar el tamaño del marco n setVisible: Recibe como parámetro un valor boolean, si es true muestra el Frame n setDefaultCloseOperation : Establece la operación que se ejecutará por default cuando el usuario

n

cierre el frame. Si recibe como parámetro marco.EXIT_ON_CLOSE cerrará el marco antes de terminar. setIconImage: Admite un objeto de tipo Image y lo utiliza como icono cuando se minimiza o iconiza la ventana M.C. Yalú Galicia Hdez.


12 12/121

5/13/2018


Jerarquía de herencia Object Compone nt Container

JComponen

Window

t JPanel

Frame

JFrame 13 http://slide pdf.c om/re a de r/full/a pplets-y-a plic a c ione s-gra fic a s-e n-java

13/121

5/13/2018


Componentes


14 14 14/121

5/13/2018

Información dentro de marcos Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

p

Cuando se diseña un Frame, se van añadiendo componentes a la lámina de contenido (panel de contenido), empleando un código similar al siguiente: 





p

panelRaiz = Container marco.getContentPane(); Component c = … ; panelRaiz.add(c);

A partir del yJDK 5.0, el utilizar panel de contenido es implícito podemos simplemente: Component c = … ; add(c); 




15 15/121

5/13/2018

Paneles y distribuciones (Layouts) Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

n

n

n

n

¿Cómo se distribuyen los componentes dentro de un contenedor?. Todos los contenedores en java tienen en su interior una clase, de nombre genérico "layout", que es la encargada los componentes dentro de delorganizar contenedor. Por ejemplo, el administrador FlowLayout se encarga de hacer que los botones se organicen en una línea (o diferentes hileras). El GridLayout los coloca en forma de matriz, etc. Cuando el usuario modifica el tamaño del contenedor, el administrador de disposiciones reorganiza automáticamente los componentes para ocupar el espacio disponible. M.C. Yalú Galicia Hdez.


16 16/121

5/13/2018

Administradores de distribución Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

n

Swing proporciona 5 administradores de distribuciones o disposiciones p FlowLayout (default para JPanel) p BorderLayout (default para JFrame) p

GridLayout CardLayout p GridBagLayout Para establer un administrador de distribución específico para un contenedor dado, se debe crear una instancia del administrador de distribución pasado como parámetro al método setLayout(), para ese contenedor. p

n

   

Public MiFrame( ) { setLayout(new FlowLayout()); …. M.C. Yalú Galicia Hdez. }


17 17/121

5/13/2018


Administradores (Layouts) Distribución

Descripción

FlowLayout

Es la predeterminada para Jpanel. Coloca los componentes secuencialmente (de izquierda a Es el predeterminado parasepaneles de contenido de derecha) en el orden que agregaron objetos JFrame. Ordena los componentes en 5 áreas: NORTH, Ordena los componentes SOUTH, EAST, en filas WEST y columnas Y CENTER

BorderLayout GridLayout BoxLayout GridBagLayout

Ordena los componentes en forma horizontal a lo largo del eje x , o en forma vertical a lo largo del Es ejeely.más poderoso y complejo. Es similar al GridLayout solo que más flexible. Los componentes variar de tamaño (pueden ocupar varias pueden filas y columnas) y pueden agregarse en cuaquier orden


18 18/121

5/13/2018

Administradores de distribución... Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

n

Después de que el administrador de distribución está definido, se puede empezar a agregar componentes p

El orden de agregación es significativo y

depende del administrador de diseño que este activo p Leer la información para cada administrador n

La clase FlowLayout (distribución de flujo) p

Esta clase es la más simple de los diseños y es

la distribución por default para el JPanel Los componentes son agregados al panel uno por uno, de izquierda a derecha, fila por fila (si un componente no cabe en una fila se pasa a la siguiente) p Cuenta con una alineación (el valor por default M.C. Yalú Galicia Hdez. 19 es fila centrada) p


19/121

5/13/2018


n

Para crear distribuciones con una alineación diferentes se deben agregar las variables de clase como argumento: FlowLayout.RIGHT p FlowLayout.LEFT p

n

Para agregar espacios horizontales o verticales entre componentes se debe agregar argumentos enteros al constructor de 

diseño. setLayout(new FlowLayout(FlowLayout.LEFT, 30, 10)); p

EL ejemplo agrega espacios de hasta 30 puntos horizontales y 10 verticales M.C. Yalú Galicia Hdez.


20 20/121

5/13/2018

Administrador de disposición “Null”


p

Si en lugar de especificar una instancia de alguna distribución, establecemos Null, entonces nosotros podemos colocar el componente en un lugar deseado y específico con un posición X, Y en un plano cartesiano

0,0 X Y

p 

p

Ejemplo: miPanel.setLayout(null) A partir de ahí, para cada componente se debe especificar su posición y M.C. Yalú Galicia Hdez.

21 21

tamaño http://slide pdf.c om/re a de r/full/a pplets-y-a plic a c ione s-gra fic a s-e n-java



21/121

5/13/2018


Eventos Manejo de eventos

M.C. Yalú Galicia Hdez.


22

22/121

5/13/2018


Eventos p

Un evento es generado en respuesta a cualquier cosa que pueda ocurrir durante el ciclo de vida de un applet o una aplicación n n n

p

p

Movimientos del mouse Cada clic o presión de alguna tecla Cada acceso a ventanas

Mientras el programa se ejecuta una gran cantidad de eventos se están generando Es común querer interceptar algunos eventos en los cuales se esta interesado, por ejemplo cuando el usuario da clic en algún lugar específico dentro del applet, para responder de alguna forma M.C. Yalú Galicia Hdez.


23

23/121

5/13/2018


Eventos ... p

Los eventos con los cuales se puede tratar son: n

Clics del ratón: ratón abajo (botón aprimido), ratón arriba (soltar el botón) o clic simple

n

Movimientos del ratón: posición y arrastres del ratón Pulsaciones de teclas: oprimir una tecla, soltar una tecla, pusaciones sencillas

n

n

n

Eventos de interacción delde usuario: clics en botones, mover barras dezplazamiento, abrir menús, etc. Eventos de ventanas: abrir, cerrar o salir de ventanas. M.C. Yalú Galicia Hdez.


24

24/121

5/13/2018


Manejo de eventos p

p

Para el manejo de eventos Java debe contar con una interfaz listener (oyente) . El oyente representa cierto conjunto de eventos (un oyente para el ratón, otro para teclas, etc.) y es el responsable de hacer algo como respuesta a ese evento específico.

p

El por receptor y el oyente están unidos mediodel delevento registro del oyente. n

El applet solo recibirá aquellos eventos que tenga registrado el oyente M.C. Yalú Galicia Hdez.


25

25/121

5/13/2018


Como manejar eventos 1.Se debe decidir en que eventos estamos interesados y asignar esos eventos a oyentes n Diferentes oyente son contenidos en el paquete java.awt.event 2.Construir el código para el oyente y el código para procesar el evento 3.Registrar el oyente con el applet 



26

26/121

5/13/2018


Escuchas y eventos



27 27

27/121

ActionEve nt

5/13/2018


Object EventObje

AdjustmentEven

ct

t

AWTEvent

ItemEvent TextEvent ComponentEve nt

ContainerEvent FocusEve nt PaintEven t WindowEvent InputEven

KeyEvent

t MouseEve nt MouseWheelEvent



28

28

28/121

Interfaz ActionListener Interfaz AdustmentListen er Interfaz

5/13/2018


Interfaz EventListener

ContainerListene r interfaz FocusListener Interfaz ItemListener Interfaz KeyListener Interfaz MouseListener

Interfaz MouseMotionListe ner

Interfaz TextListener

WindowListener Interfaz



ComponentListe ner

29 29

29/121

5/13/2018


Manejo de eventos ... p

Primero entonces veamos algunas interfaces oyentes y los eventos del ratón y teclado relacionados n

Interfaz de oyente: MouseListener Eventos: ratón abajo, ratón arriba, ratón p

entra, ratón sale, clics del ratón p Definición de los métodos § Public void mousePressed(MouseEvent § § § § http://slide pdf.c om/re a de r/full/a pplets-y-a plic a c ione s-gra fic a s-e n-java

e) void mousereleased(MouseEvent Public e) Public void mouseEntered(MouseEvent e) Public M.C. Yalú Galicia voidHdez. mouseExited(MouseEvent30e) Public void mouseClicked(MouseEvent 30/121

5/13/2018


Manejo de eventos ... n

Interfaz de oyente: MouseMotionListener p Eventos: movimiento del ratón, arrastre del ratón p Definición de los métodos: §

n

Public void mouseMoved(MouseMotionEvent e) § Public void mouseDragged(MouseMotionEvent e) Interfaz del oyente: KeyListener Eventos: tecla abajo, tecla arriba, pulsación sencilla p Definición de los métodos: § Public void keyReleased(KeyEvent e) p

§ http://slide pdf.c om/re a de r/full/a pplets-y-a plic a c ione s-gra fic a s-e n-java

§


Public void keyPressed(KeyEvent e) Public void ke T ed Ke Event e

31

31/121

5/13/2018



Después de conocer algunos oyentes y seleccionar cuales manipularán nuestros eventos, procedemos a crear el applet que será su propio oyente n

Para crear un applet que sea también un debe modificar para que implemente la oyente, interfaz se de oyente apropiada, siguiendo estos pasos: p Importar java.awt.event.* p Agregar la palabra implements a la definición de la clase seguida de la interfaz de oyente en la que estamos interesados p Sopreponer (o invalidar) los métodos de la interfaz p Agregar el código adecuado al método apropiado M.C. Yalú Galicia Hdez.


32

32/121

5/13/2018



  

      

p

Un ejemplo que usa las interfaces MouseListener y KeyListener import java.awt.event.*; import java.applet.*; public class MiApplet extends Applet implements {

MouseListener, KeyListener Public void mousePressed(MouseEvent e) { } Public void mouseReleased(MouseEvent e ) { } Public void mouseEntered(MouseEvent e) { } Public void mouseExited(MouseEvent e) { }

} Public void mouseClicked(MouseEvent e){ } El último paso es registrar el oyente con el objeto que recibirá el método, para que queden encadenados M.C. Yalú Galicia Hdez.


33

33/121

5/13/2018



Se debe utilizar métodos especiales para registrar oyentes n

n n

Estos métodos son definidos en la clase Component (superclase de Applet) Para cada tipo de oyente hay un método de registro Para los tres tipos de oyentes que comentamos sus métodos son: p addMouseListener(this) p p

p

addMouseMotionListener(this) addKeyListener(this)

El registro del oyente se realiza por lo general en el método init() del applet M.C. Yalú Galicia Hdez.


34

34/121

5/13/2018


Ejemplo eventos import java.awt.*; import java.applet.*; import java.awt.event.*;









public class DibujosEventos extends Applet implements MouseListener, MouseMotionListener { private int x,y;











 





public void init(){ //registro de oyentes de evento addMouseListener(this); addMouseMotionListener(this); } public void paint(Graphics g) { }




35




35/121

5/13/2018


Ejemplo ... //sobreposición de métodos abstractos public void mouseMoved(MouseEvent e) { } public void mouseClicked(MouseEvent e) { } public void mouseEntered(MouseEvent e) { } public void mouseExited(MouseEvent e) { } public void mouseReleased(MouseEvent e) { } 























//escribimos código para los eventos que nos interesan public void mousePressed(MouseEvent e) { this.x = e.getX(); this.y = e.getY(); }




36


36/121

5/13/2018


Ejemplo ... public void mouseDragged(MouseEvent e) { Graphics g = getGraphics(); //Dibuja una línea del último punto al actual g.drawLine(this.x, this.y, e.getX(), e.getY()); this.x = e.getX(); this.y = e.getY(); }

















} // fin de la clase






37


37/121

5/13/2018


Ejemplo eventos Mouse


38


38/121

5/13/2018


Más sobre Eventos p

Como ya hemos visto, toda clase que implementa una interfaz de oyente debe implementar todos sus métodos. n

Por ejemplo la interfaz WindowListener que tiene 7 métodos, debe implementar esos 7 métodos.

p

Para simplificar esta tarea, todas las interfaces de oyente de AWT que tienen más de un método, cuentan con una clase adaptadora asociada que implementa todos los métodos de la interfaz, pero no hace nada con ellos.


39


39/121

5/13/2018

Interfaces y adaptadores

Oyentes




Adaptadores

Componente

ActionListener

AbstractButton,

AdjustmenListener 

JComboBox, JScrollBar JTextField, Timer

FocusListener

FocusAdapter

ItemListener

Componet AbstractButton, JComboBox

KeyListener MouseListener

KeyAdapter MouseAdapter

Component Component

MouseMotionListener

MouseMotionAdapter

Component

MouseWheelListener WindowListener

Component WindowAdapter

Window

WindowsStateListener

Window

WindowFocusListener

Window


40


40/121

5/13/2018


Ejemplo 

…

addMouseListener(new MouseAdapter(){





public void mouseClicked(MouseEvent e2){ label.setText(e2.getX()+“,"+e2.getY());



} }); ue usando el adaptador MouseAdapter ya no tengo que sobreponer tod 


41


41/121

5/13/2018


Cuadros de diálogo Una forma simple de leer datos


42


42/121

5/13/2018


Cuadros de diálogo p

¿ Como leer valores? n

Podemos leer valores directamente del teclado (consola) usando la clase Scanner que provee Java, o bien a través de cajas de texto; sin embargo, una forma muy útil es usando las clases predefinidas por Java para cuadros de diálogo.

n

Los ventanas que por lo general se cuadros diálogo son utilizan paradedesplegar mensajes importantes para el usuario de una aplicación. Java 2 incluye la clase JOptionPane que permite desplegar fácilmente un cuadro de diálogo que contiene información y donde también se puede introducir valores.

n

n

Los métodos más importantes de JOptionPane son: p showMessageDialog - Para despliegue de mensajes p showInputDialog - para lectura de valores

43


43/121

5/13/2018

Ejemplo en consola Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

import javax.swing.JOptionPane; //importa la clase JOptionPane

 

public class Suma { public static void main(String args[] ) { String s1, s2; //para almacenar lo leído int n1, n2, suma; //números convertidos //Lee datos como cadenas s1 = JOptionPane.showInputDialog(“ Introduce primer dato” ); s2 = JOptionPane.showInputDialog(“ Introduce segundo dato” ); //convierte a valores enteros 1er. Parámetro: usualmente Null n1 = Integer.parseInt(s1); 2do. Parámetro: mensaje n2 = Integer.parseInt(s2); //Suma los números suma = n1 + n2; //despliega resultados JOptionPane.showMessageDialog( null, “La suma es “ + suma, “Resultado”, JOptionPane.PLAIN_MESSAGE); System.exit( 0 ); //termina programa } //fin main 3er. Parámetro: título de la ventana } //fin clase Suma 4to. Parámetro: Tipo de mensaje

       

      

  


44


44/121

5/13/2018


Salida


45


45/121

5/13/2018

po e mensa e showMessageDialog


Tipo de diálogo de mensaje

Icono

Descripción

JOptionPane.ERROR_MESSAGE

Despliega un diálogo que indica un error en la aplicación del usuario

JOptionPane.INFORMATION_MESSAGE

Despliega un diálogo con un mensaje de información sobre la aplicación para el usuario

JOptionPane.WARNING_MESSAGE

Despliega un diálogo que advierte al usuario acerca de un problema potencial

JOptionPane.QUESTION_MESSAGE

Despliega un diálogo que coloca una pregunta para el usuario de la aplicación. Por lo general, requiere una respuesta tal como hacer clic en el botón Sí o No

JOptionPane.PLAIN_MESSAGE

Sin Icono Despliega un diálogo que simplemente contienen un mensaje sin ícono

46


46/121

5/13/2018


El Abstract Windowing Toolkit Lo básico para crear interfaces de usuario


47


47/121

5/13/2018


El AWT p

p

El AWT (Abstrac Windowing Toolkit) fue creado para proporcionar soporte gráfico a los applets (como ya vimos); y proveer un conjunto de clases y métodos que permiten crear aplicaciones GUI (Graphical User Interface). El AWT proporciona: n

n

Un conjunto completo de componentes de interfaz de usuario (UI) y otros componentes, incluyendo ventanas, menús, botones, casillas de verificación, cajas de texto, barras de desplazamiento y listas. Soporte a contenedores de UI, los cuales pueden contener otros contenedores de UI. M.C. Yalú Galicia Hdez.

48


48/121

5/13/2018


El AWT ... n

n

p

Un sistema de eventos para administrar sistemas y eventos del usuario como partes del AWT. Mecanismos para emplear componentes que permitan el diseño del UI independientemente de la plataforma.

La idea básica detrás del AWT, es que un programa Java gráfico, es un conjunto de componentes anidados, iniciando por una ventana exterior y profundizando hasta el más pequeño componente UI. n

n

Los componentes pueden incluir elementos visibles en la pantalla, como: menús, botones, etc. M.C.incluir Yalú Galicia contenedores Hdez. Y también puede (containers) 49


49/121

5/13/2018


El AWT ... p

El anidamiento de componentes dentro de contenedores crea una jerarquía de componentes, desde el botón más interno de un applet hasta la ventana general de la pantalla. n

p

La jerarquía de componentes determina la distribución de elementos en la pantalla, el orden en que se dibujan y la manera como los eventos se mueven.

Los componentes más importantes son: n

Contenedores p

p

Su forma más común es el Panel, el cual representa un contenedor que podría desplegarse en la pantalla. Otro contenedor es la ventana (Window), la cual M.C. Yalú Galicia Hdez.

50

permite crear un marco estándar (Frame) para las aplicaciones.


50/121

5/13/2018


El AWT ... n

Lienzos p

n

imágenes y operaciones gráficas.

Componentes UI p

n

Incluyen botones, listas, menús, casillas de verificación, campos de texto, etc.

Componentes de construcción de ventanas p

p

Es una superficie simple de dibujo. Aunque puede dibujarse en los paneles (como lo hemos hecho hasta ahora), los lienzos son más adecuados para

Incluyen ventanas, cuadros, barras de menús y cuadros de diálogo. Estos componentes se usan en aplicaciones y no en applets (el navegador porporciona la ventana principal)

Las clases dentro del paquete java.awt están M.C. Yalú Galicia Hdez.

51

escritas y organizadas para reflejar esta


51/121

5/13/2018


El AWT ... n

A continuación se muestra parte de la jerarquía de clases del AWT Component

Canvas

Container

Panel

Applet

TextComponent

Window

Frame

Button

TextField

Dialog


52


52/121

5/13/2018


El AWT ... p

El AWT también incluye un conjunto de administradores de diseño que determinan como se distribuyen los diferentes se despliegancomponentes en la pantallacuando y la proporción entre los distintos tamaños de cada uno. n

Los administradores de diseño ayudan a crear diseños de UI que son dinámicamente distribuidos.


53


53/121

5/13/2018


Componentes básicos de UI p

A continuación veremos lo básico para crear y usar etiquetas, casillas de verificación, botones de opción, menús de opción y campos de texto. n

El procedimieto para crear estos componentes, es básicamente el mismo: p p

p

Crearlo Añadirlo al applet o al panel que lo contendrá, en el punto en que debe ser desplegado en la pantalla.

El método add( ) agrega un componente    

}

u bl ic = n( ew) {Butt on (“ Ok ”); uttvo onidb init dd ( b );


54


54/121

5/13/2018

Componentes básicos de UI ... Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

p

Las clases (incluidas en el paquete java.awt) de los componentes UI son: n

Botones: Button

n n n n n n n n

Casillas de verificación: Checkbox Caja de texto: TextArea Etiquetas: Label Lista: List Menús de opción: Choice Sliders y scrolls bar: Scrollbar Menús: Menu, MenuItem, Checkbox.MenuItem Campos de texto: TextField M.C. Yalú Galicia Hdez.

55


55/121

5/13/2018

Componentes básicos de UI ... Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

p

La mayoría de estas clases tiene los métodos siguientes: n

n

p

getLabel: Devuelve una cadena que contiene la etiqueta del componente setLabel: cambia el texto de la etiqueta del componente

Algunos componente (casilla de verificación, opciones, etc.) requieren los métodos: n

n

getState: Devuelve true o false, dependiendo de el componete esta seleccionado o no SetState (boolena): cambia el estado del componente M.C. Yalú Galicia Hdez.

56


56/121

5/13/2018


Ejemplo de botones p

Código para crear algunos botones sencillos

 













import java.awt.*; import java. Applet.*; public class ButtonTest extends Applet { public void init( ) { add(new Button(“Regresar”)); add(new Button(“Ejecutar”)); add(new Button(“Adelantar”));



}





add(new Button(“Detener”));

}


57


57/121

5/13/2018


Applet botones


58


58/121

5/13/2018

Ejemplo de Menús de opción Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

n

n



        

Los menús de opción descendentes (Pop-up menus), son listas de elementos de los cuales puede seleccionar un elemento. Al hacer su selección, el menú despliega esa opción en la pantalla.

public class ChoiceTest extends Applet { public void init( ) { Choice c = new Choice( ); c.add(“Alta”); c.add(“Baja”); c.add(“Modificación”); add( c ); } } M.C. Yalú Galicia Hdez.

59


59/121

5/13/2018


Applet menú PopUp


60


60/121

5/13/2018

Paneles y distribuciones (layouts) Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

n

n

n

n

¿Cómo se distribuyen los botones dentro de la ventana?. Todos los contenedores en java tienen en su interior una clase, de nombre genérico "layout", que es la encargada de distribuir los botones dentro del contenedor. Por ejemplo, la clase FlowLayout se encarga de hacer que los botones vayan todos seguidos de izquierda a derecha, como sería el caso de tu barra de herramientas del navegador. El GridLayout los coloca en forma de matriz, etc, M.C.etc. Yalú Galicia Hdez.

61


61/121

5/13/2018

Administradores de distribución Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

n

n

El AWT proporciona 5 administradores de distribuciones p FlowLayout p GridLayout p BorderLayout p CardLayout p GridBagLayout Para crear un administrador de distribución para un panel dado, crea una instancia del administrador de diseño y después utiliza el método setLayout(), para ese panel. 

u b li c v o id i n i t ( ) { e t La y o ut ( n ew Fl o wL a y ou t ); e a gr e ga r co m p on en te s

 




// p o ne r

a nt es 62

}


62/121

5/13/2018


n

Después de que el administrador de distribución está definido, se puede empezar a agregar componentes El orden de agregación es significativo y depende del administrador de diseño que este activo p Leer la información para cada administrador p

n

La clase FlowLayout (distribución de flujo) Esta clase es la más simple de los diseños y es la distribución por default para el panel p Los componentes son agregados al panel uno por uno, de izquierda a derecha, fila por fila (si un componente no cabe en una fila se pasa a la siguiente) p Cuenta con una alineación (el valor por default M.C. Yalú Galicia Hdez. 63 es fila centrada) p


63/121

5/13/2018


n

n

Para crear distribuciones con una alineación diferentes se deben agregar las variables de clase como argumento: p

FlowLayout.RIGHT

p

FlowLayout.LEFT

Para agregar espacios horizontales o verticales entre componentes se debe agregar argumentos enteros al constructor de diseño. 

setLayout(new FlowLayout(FlowLayout.LEFT, 30, 10)); p

EL ejemplo agrega espacios de hasta 30 puntos horizontales y 10 verticales M.C. Yalú Galicia Hdez.

64


64/121

5/13/2018


Ejemplo de FlowLayout


65


65/121

5/13/2018


p

La clase GridLayout (distribución de cuadrícula) n

n

n

n n

Proporciona más control sobre la colocación de los componentes en el panel Divide el área de desplegado de panel en filas y columnas, que es necesario especificar. Cada componente que agrege al panel es colocado en una celda de la cuadrícula, iniciando desde la celda superior izquierda y avanzando de izquierda a derecha. Ejemplo: setLayout(new GridLayout(3,2)); Para agregar espacios: p

setLayout(new GridLayout(3,3, 10, 30));


66


66/121

5/13/2018


Ejemplo GridLayout


67


67/121

5/13/2018

p


La clase BorderLayout n Los componentes se agregan indicando su posición como una dirección geográfica (North, South, West y East, Center). n Los componentes alrededor de los límites son

n

cololados conen más espacio(sidel componente el centro esque quenecesitan.El lo hay) ocupa el espacio de sobra. El diseño de bordes se crea: p setLayout(new BorderLayout(10, 10)); //agrega espacios entre // componentes p Los componentes individuales se agregan con el método add( ), que en este caso tiene dos argumentos: § Add(“North”, new Buuton(“Regresar”, 68 M.C. Yalú Galicia Hdez. 50));


68/121

5/13/2018

Ejemplo BorderLayout Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om


69


69/121

5/13/2018


Administradores de distribución... La clase GridBagLayout (distribución de cuadrícula global) nEste diseño le permite controlar el espacio de cada celda individual en la cuadrícula, las proporciones entre filas y columnas y la colocación de los componentes dentro de cada celda de la cuadrícula. nPara lograr este diseño, en realidad, se requieren dos clases: n GridBagLayout: Habilita la administración del diseño en general nGridBagConstraints: Define las propiedades de cada componente en la M.C. Yalú Galicia Hdez. 70 cuadrícula nColocación, Dimensión,

n

Administradores de


70/121

5/13/2018

distribuciones...


n

n

La relación entre la cuadrícula global, las propiedades y cada componente, definen el diseño en conjunto. En general, la distribución involucra: p

Creación de un objeto GridBagLayout y su definición como administrador actual de diseño

p

Creación de una nueva instancia de GridBagConstraints.

Definir las restricciones y propiedades de los componentes Button b = new Button(“Adelante”); constraints.gridx = 0; //Coord. X celda del componente constraints.gridy = 0; //Coord. Y celda del componenteM.C. Yalú Galicia Hdez. p

 



71



Administradores de


71/121

5/13/2018

distribución...










 

constraints.gridWidth = 1; // columnas que ocupa el componente constraints.gridHeight = 1; //renglones que ocupa el componente constraints.weightx =30; //Porcentaje del tamaño total del ancho constraints.weighty =30; //Porcentaje del tamaño total del largo constraints.fill = GridBagConstraints.NONE; constraints.fill = GridBagConstraints.CENTER; p Informar al administrador de diseño sobre los p

n

componentes y sus restricciones Agregar el componente al panel

La parte más tediosa es el proceso de definir restricciones para los componentes, ya que se debe hacer para cada M.C. Yalú Galicia Hdez. 72 componente. p

Es muy recomendable hacer el “diseño” de la cuadrícula


72/121

5/13/2018

Ejemplo de cuadrícula Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

0,0

0,1

1,0Contraseñ a: 20%

1,1

2,0

2,1

Nombre: 20%

20%

10%

Ok


90%

73


73/121

5/13/2018

El código


import java.awt.*; import java.applet.*;

  

public class EjemplosUI extends Applet {





   

void Construye(GridBagConstraints gbc,int gx,int gy,int gw,int gh,int wx,int wy) { gbc.gridx = gx; gbc.gridx = gy; gbc.gridwidth = gw;



gbc.gridheight = gh; gbc.weightx = wx; gbc.weighty = wy;

  

} M.C. Yalú Galicia Hdez.

74


74/121

5/13/2018

El código ... 


public void init() {

  

GridBagLayout gb = new GridBagLayout(); GridBagConstraints c = new GridBagConstraints();

   



setLayout(gb); //Etiqueta para el nombre Construye(c, 0, 0, 1, 1, 10, 40); //ocupa el 10% del ancho y 40 de largo c.fill = GridBagConstraints.NONE;

   

c.anchor = GridBagConstraints.EAST; Label etiq1 = new Label("Nombre:", Label.LEFT); gb.setConstraints(etiq1, c); add(etiq1); M.C. Yalú Galicia Hdez.

75


75/121

El código ...

5/13/2018


//Campo Texto para escribir el nombre Construye(c, 0,1, 1, 1, 90, 0); // 90% de ancho y largo de arriba c.fill = GridBagConstraints.HORIZONTAL; TextField txtNombre = new TextField();     

gb.setConstraints(txtNombre, c); add(txtNombre); //Etiqueta para la contraseña Construye(c, 1, 0, 1, 1, 0, 40); //ya no hace falta definir ancho, 40%   

largo

c.fill = GridBagConstraints.NONE;

 

c.anchor = GridBagConstraints.EAST; Label etiq2 = new Label("Contraseña:", Label.LEFT); gb.setConstraints(etiq2, c); add(etiq2);

   


76


76/121

5/13/2018

El código ...




//Campo Texto para escribir la contraseña Construye(c, 1, 1, 1, 1, 0, 0); c.fill = GridBagConstraints.HORIZONTAL; TextField txtPass= new TextField(); gb.setConstraints(txtPass, c); add(txtPass); //Botón OK Construye(c, 2,0, 2, 1 ,0, 20); //solo hace fakta definir largo c.fill = GridBagConstraints.NONE; c.anchor = GridBagConstraints.CENTER; Button bok= new Button("Ok"); gb.setConstraints(bok, c); add(bok); } }              


77


77/121

5/13/2018

Ejemplo GridBagLayout Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om


78


78/121

5/13/2018

Eventos UI n

n


Hasta ahora nuestro applet es “torpe”, puesto que ninguno de nuestros componentes UI pueden hacer algo al ser presionados o teclear información. Para lograr que hagan algo, se debe agregar código para manipilar eventos p

n

Al igual que para los eventos de teclado y ratón que vimos antes

Para los componentes AWT, los eventos tienen un nivel más alto. p

por ejemplo, los botones utilizan eventos de acción que son disparados cuando se oprimen. §

No se tiene uno que preocupar por los eventos de ratón abajo o arriba. El componente lo maneja todo. M.C. Yalú Galicia Hdez.

79


79/121

5/13/2018

Eventos UI ...


p

Cada clase de evento tiene una interfaz auditora correspondiente con un conjunto de métodos a implementar

p

A continuación se muestran los eventos, las clases auditoras de eventos que los manejan y los métodos que los tratan n

Evento: Acción Interfaz de auditor: ActionListener p Definición de los métodos: p


80


80/121

5/13/2018

Eventos UI ...


n

Evento: Seleccionar lista p p

Interfaz de auditor: ItemListener Definición de los métodos: §

n

Evento: Deseleccionar lista, Obtener el foco p p

Interfaz de auditor: FocusListener Definición de los métodos: §

n

Public void itemStateChange(ActionEvent e)

Public void focusGained(FocusEvent e)

Evento: Perder el foco p

Interfaz de auditor: FocusListener

p

Definición de los § Public voidmétodos: focusLost(FocusEvent e)


81


81/121

5/13/2018

Eventos UI ...


n

Evento: Texto cambiado p p

Interfaz de auditor: TextListener Definición de los métodos: §

n

Evento: Agregar componente p p

Interfaz de auditor: ContainerListener Definición de los métodos: §

n

Public void TextValueChanged(TextEvent e)

Public void ComponentAdded(ContainerListener e)

Evento: Eliminar componente p p

Interfaz de auditor: ContainerListener Definición de los métodos: §

Public void ComponentRemoved(ContainerListener e)


82


82/121

5/13/2018

Eventos UI ...


p

Además de esto, es necesario también, registrar los auditores UI. n

Los métodos son: p p p

n

n

addActionListener() addItemListener() addFocusListener

Como antes, el método init( ) es el mejor lugar para poner estos métodos Los auditores componente se tienen que que registrar condecada componente específico recibirá ese evento. M.C. Yalú Galicia Hdez.

83


83/121

5/13/2018

Eventos UI ...


n

Por ejemplo, para registrar un evento de acción de un botón p

Llamar al método AddActionListener() en ese objeto botón



         

Public void init( ) { Button Okb = new Button(“Ok”); OKButtonAction ok = new OKButtonAction(); OKButton.addActionListener(ok); //Botón OK Button Cancelb = new Button(“Ok”); OKButtonAction cancel = new OKButtonAction(); Cancelb.addActionListener(cancel); //botón cancel add(Okb); add(Cancelb); } M.C. Yalú Galicia Hdez.

84


84/121

5/13/2018

Ejemplo de eventos Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

import java.awt.*; import java.applet.*;

  

public class TestEventos extends Applet { Button rojo, verde, azul, blanco, negro;

     



public void init() { setBackground(Color.white); setLayout(new FlowLayout(FlowLayout.CENTER, 10, 10)); ManejadorBoton mb;

     

rojo newManejadorBoton(this, Button("Rojo"); mb ==new Color.red); rojo.addActionListener(mb); add(rojo); azul = new Button("Azul"); mb = new ManejadorBoton(this, Color.blue); M.C. Yalú Galicia Hdez.

85


85/121

5/13/2018

Ejemplo eventos ...


azul.addActionListener(mb); add(azul); verde= new Button("Verde"); mb = new ManejadorBoton(this, Color.green); verde.addActionListener(mb); add(verde); blanco= new Button("Blanco"); mb = new ManejadorBoton(this, Color.white); blanco.addActionListener(mb); add(blanco); negro= new Button("negro"); mb = new ManejadorBoton(this, Color.black); negro.addActionListener(mb); add(negro);



             

}

}




86


86/121

5/13/2018

Ejemplo de eventos ... Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

  

import java.awt.*; import java.applet.*; import java.awt.event.*;

 

public class ManejadorBoton implements ActionListener {



Color ElColor;



TestEventos t;

ManejadorBoton(TestEventos a, Color c) { t = a; ElColor = c; }

    

public void actionPerformed(ActionEvent e) { t.setBackground(ElColor); t.repaint(); }

   

} M.C. Yalú Galicia Hdez.

87


87/121

5/13/2018

Ejemplo manejo de eventos Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om


88


88/121

5/13/2018


Applets Introducción


89


89/121

5/13/2018

Creación de applets Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

p

Todos los applets heredan de la clase JApplet, que es parte del paquete java.applet. n Para crear un applet se debe crear una subclase de la clase JApplet. n

n

Lacomportamiento clase JApplet proporciona el necesita que el applet para funcionar dentro de un navegador compatible con Java. En un applet se puede p

dibujar en la pantalla p crear ventanas, barras de menús, botones, casillas de verificación, etc. p Entradas del usuario como clics del ratón o pulsaciones delHdez. teclado M.C. Yalú Galicia

90


90/121

5/13/2018

Creación de applets ... Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

p

La clase del applet principal, la que dispara su ejecución, siempre tendrá la forma:



import java.awt.*;

 

import java.applet.*;



public class EjemploApplet extends Applet { public void init() { } public void paint(Graphics g) { g.drawString(“Hola Mundo!!", 50, 60 ); } }

      


91


91/121

5/13/2018


p

Los applets tiene 5 métodos principales, los cuales son utilizados para ejecutar las actividades básicas que realizan durante su ciclo de vida: n

Inicialización (método init()): Ocurre cuando se carga o recarga un applet por primera vez (es similar al método main( ) en las aplicaciones). Este proceso puede incluir: Lectura y asignación de algún parámetro al applet p Creación de cualquier objeto auxiliar p Configuración de un estado inicial o carga de M.C. Yalú Galicia Hdez. 92 imágenes y tipos de letra. p


92/121

Creación de applets ...

5/13/2018


p

Para proporcionar algún se comportamiento de el inicialización al applet debe sobreponer método init( ) en su clase applet

 

u bl i c v oi d i ni t (

) {

....

}



n

Inicio o Arranque: El inicio es diferente de la inicialización porque puede realizarse varias veces durante el ciclo de vida de un applet, mientras que la inicialización sucede una sola vez. p

Para proporcionar este comportamiento se sobrepone el método start().

 

ub l ic v oi d

st a rt (

) {


....

} 93


93/121

5/13/2018


n

Detención: La detención ocurre cuando el usuario abandona la página que contiene un applet en ejecución. Se puede detener, también llamando al método stop( ). p Si se sobrepone el método stop(), puede detener ejecución de los subprocesos (hilos) y la volverlos a arrancar si el applet se visualiza nuevamente  

u bl ic v o i d

s to p (

) {

....

}



n

Destrucción: La destrucción habilita al applet a terminar correctamente antes de que sea liberado p Detener y eliminar subprocesos en ejecución p Cerrar cualquier conexión abierta, etc. M.C. Yalú Galicia Hdez.

94


94/121

5/13/2018


p

Este método no es necesario sobreponer a menos que se tenga algo específico que liberar



u b li c v o id



de s t ro y (

) {

....

}



n

Dibujar: Es la forma en que el applet genera algo en la pantalla, ya sea texto, una línea, un fondo a color o una imagen. Este método puede usarse todas las veces que se quiera durante el ciclo de vida del applet. p

El método paint() tiene esta apariencia

 

u b li c v o i d p a in t ( G ra p h ic s g ) { e d eb e i m po r ta r ja va . a wt . G r ap hi c s ;

....

 

//

}


95


95/121

5/13/2018

Applet sencillo


import java.awt.*; //Graphics, Font, Color import java.applet.*;

  

public class HelloAgainApplet extends Applet { private Font f; public void init( ) { f = new Font("Arial", Font.BOLD, 36); } //Aqui es donde se hace el trabajo del applet public void paint(Graphics g) {

       

g.setFont(f); g.setColor(Color.red); g.drawString("Hola otra vez!!", 15, 40 );

  

}

}




96


96/121

5/13/2018

Y ahora? p


El siguiente paso, después de compilar nuestra clase normalmente como cualquier otro programa en Java es crear una página Web que contenga el applet utilizando lenguaje HTML. n

Para incluir un applet en una página Web se utiliza la etiqueta , la cual carga y ejecuta el applet indicado.

n

A continuación se muestra un ejemplo de una página HTML sencilla con el applet incluido.


97


97/121

5/13/2018

Página HTML sencilla Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om





















>










98


98/121

5/13/2018

Ejecutando ...


p

Para probar el resultado, abrir el archivo HTML (HelloAgainApplet.html) con algún navegador o con el appletviewer.


99


99/121

5/13/2018

La clase Graphics


p

Esta clase provee métodos que permiten dibujar líneas, figuras, caracteres e imágenes en la pantalla dentro de un applet. n

n n

No se tiene que crear una instancia de esta clase para dibujar algo, esto se hace automáticamente al invocar el método paint( ). La clase Graphics es parte del paquete java.awt . Para dibujar un objeto en la pantalla, se debe llamar a alguno de los métodos disponibles en la clase Graphics p

Todos los métodos tiene argumentos que representan puntos finales, esquinas o ubicación inicial del objeto como valores en el sistema de coordenadas M.C. Yalú Galicia Hdez. 100 del applet.


100/121

5/13/2018

Sistema de coordenadas Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

n

El sistema de coordenadas en java tiene el origen (0,0) en la esquina superior izquierda

n n

n

Los valores positivos de x están a derecha Los valores positivos de y están hacia abajo +x 0 Todos los valores de pixeles son positivos

+y M.C. Yalú Galicia Hdez.

101


101/121

5/13/2018

Clase Graphics ...


p

La clase Graphics proporciona un conjunto de gráficos sencillos integrados para dibujo que incluye: n

Líneas: drawLine(xini, yini, xfin, yfin)

n

Rectángulos simples: drawRect(x,y, ancho, largo) y fillRect(x,y, ancho, largo) Rectángulos con esquinas redondeadas: drawRoundRect(x,y,ancho,largo, ancho_esquina, largo_esquina) y fillRoundRect(x,y,ancho,largo,

n

n

ancho_esquina, largo_esquina) Polígonos (conjunto de líneas rectas que van del primer punto, al segundo, del segundo al tercero, ect.

n M.C. Yalú Galicia Hdez.

102


102/121

5/13/2018

Clase Graphics ...


n

Polígonos: drawPolygon( ) y fillPolygon ( ) p   

Ejemplo: public void paint(Graphics g) { int xs[] = {39, 94, 97, 142, 53, 58, 26}; int ys[] = {33, 74, 36, 70, 108, 80, 106};



int pts =poly xs.length; Polygon = new Polygon(xs, ys, pts); g.drawPolygon(poly);

 

}



n

Polígonos abiertos: drawPolyline( ) igual que Polygon

n

Ovalos (círculos o elipses) p

n

fillOval(x,y, largo, ancho), drawOval(x,y, largo, ancho)

Arcos: drawArc(x,y, largo, ancho, ángulo, grados) 


103


103/121

5/13/2018

Ejemplo de gráfico


import java.awt.*; import java.applet.*; public class Lampara extends Applet { public void paint(Graphics g){ g.fillRect(1,250, 290, 290); //Plataforma de la lámpara g.drawLine(125, 250, 125, 160); //La base de la lámpara g.drawLine(175, 250, 175, 160); g.drawArc(85, 157, 130, 50, -65, 312); //Cubierta lámpara g.drawArc(85, 87, 130, 50, 62, 58); g.drawLine(85, 177, 119, 89); //Lados de la cubierta g.drawLine(215, 177, 181, 89); g.fillArc(78, 120, 40, 40, 63, -174); //manchas g.fillOval(120, 96, 40, 40); g.fillArc(173, 100, 40, 40, 110, 180); M.C. Yalú Galicia Hdez. 104 } }

     

 

       


104/121

5/13/2018

Ejecución del applet Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om


105


105/121

5/13/2018

Más de Graphics


p

Métodos para copiar áreas rectangulares a otra área n

p

x_dest, y_dest)

Borrar un área rectangular n

p

copyArea(x_org,y_org, ancho, largo,

clearRect(x,y, ancho, largo)

Borrar un applet por completo n

G.clearRect(0, 0, size().width, size().heigth); M.C. Yalú Galicia Hdez.

106


106/121

5/13/2018

Objetos Font


p

Para dibujar texto en la pantalla, primero debemos crear una instancia de la clase Font con los siguientes parámetros: n n n

Fuente: “TimesRoman”, “Courier”, “Helvetica”, etc. Estilo de fuente: Font.PLAIN, Font.BOLD, Font.ITALIC Tamaño

n 



Ejemplo: Font f = new Font(“TimesRoman”, Font.PLAIN, 24);


107


107/121

5/13/2018

Objetos Color


p

p

Para dibujar un objeto en un color particular se debe crear una instancia de la clase Color para representarlo. Los colores estándar son: n Color.white n Color.black n n n n n n n n n n n

Color.lightGray Color.gray Color.darkGray Color.red Color.green Color.blue Color.yellow Color.magenta Color.cyan Color.pink Color.orange M.C. Yalú Galicia Hdez.

108


108/121

5/13/2018

Color ... p


Para crear un color particular, hay que utilizar la combinación RGB de colores primarios (Red, Green, Blue) en distintas intensidades que van del 0 al 255. n Formato: Color c = new Color(rojo, verde, azul) n

p

p

Ejem: Color c = new color(0, 210);el método Para establecer el color de un objeto195, se utiliza setColor( ) n g.setColor(Color.green); Para establecer el color de fondo del applet n n

setBackground(new Color (0, 140, 150)); //RGB setBackground(Color.lightGray);


109


109/121

5/13/2018

Un ejemplo de colores Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

import java.awt.*; import java.applet.*; public class Colores extends Applet { public void paint(Graphics g){ int rval, gval, bval;

     

for(int j < i(size().height -25); j+= 30)30) { for j=30; (int i=5; < (size().width -25); i += rval = (int) Math.floor(Math.random() * 256); gval = (int) Math.floor(Math.random() * 256); bval = (int) Math.floor(Math.random() * 256); g.setColor(new Color(rval, gval, bval)); g.fillRect(i,j, 25, 25); g.setColor(Color.black); g.drawRect(i-1, j-1, 25, 25); }

         

}

}




110


110/121

5/13/2018

Ejemplo Colores



111


111/121

5/13/2018


Más sobre applets Lo básico en animación e hilos ...


112


112/121

5/13/2018

Animación p


La animación esta relacionada con títulos bailando o cambiando de colores, figuras girando o en movimiento y otros efectos. n

Estos tipos de animación requieren solo unos cuantos métodos para implementarse en Java, pero son la base para cualquier applet Java que actualice la pantalla dinámicamente (animaciones, cambios de datos en tablas, etc.)

p

La animación en Java se logra al incluir clases, interfaces y sobreponer algunos métodos del AWT.


113


113/121

5/13/2018

Creando animaciones Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

p

p

La animación involucra dos pásos básicos: n

La construcción de un cuadro de animación (consiste en definir variables para que las use paint() y crear los objetos que necesitará.)

n

Pedirle a Java que lo dibuje (invocar al método repaint (), que es un disparador que hace que Java llame a paint () y el cuadro se dibuje)

Estos pasos se repiten para crear la “ilusión” de movimiento n

Si se realizan de forma repetida y con velocidad suficiente, se logrará el efecto de animación dentro del applet M.C. Yalú Galicia Hdez.

114


114/121

5/13/2018

Creando animaciones ... Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

p

¿ Donde se hace el trabajo de modificar el cuadro para una animación ? n

n

Esto no se hace en el método paint() que simplemente pone puntos en la pantalla. Paint() es responsable sólo del cuadro actual de la animación El trabajo de modificar el cuadro para una animación se debe realizar en otro lugar de la definición de nuestro applet.

p

Para Java de animación y de otro tipo quelos enApplets realidad se ejecutan, se necesitará hacer uso de start() y de stop() para iniciar la ejecución y detenerla. M.C. Yalú Galicia Hdez.

115


115/121

5/13/2018

Método start() y stop() Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

p

p

p

El método start() pone en funcionamiento la ejecución del applet. n

Se puede hacer que todo el trabajo del applet se realice dentro de ese método

n

O se puede llamar a métodos de otros objetos para hacerlo.

Por lo general start() se utiliza para crear e iniciar la ejecución de un subproceso de forma que el applet pueda ejecutarse en su propio tiempo. Stop() suspende la ejecución del applet M.C. Yalú Galicia Hdez.

116


116/121

5/13/2018

¿ Un subproceso ?


p

p

Los subprocesos son un elemento importante para lograr la combinación de la animación. Un subproceso, hilo, hebra o thread (como gustes ;-))dentro es un de flujo de control llamarle secuencial unsimple proceso. n

Cada hilo tiene una ruta de ejecución separada, con su propio inicio, flujo de programa, punto de ejecución actual y terminación.

n

Los subprocesos permiten a un programa ejecutar varias tareas concurrentemente (al mismo tiempo). M.C. Yalú Galicia Hdez.

117


117/121

5/13/2018

Subprocesos ...


p

En general, cualquier “cosa” que realices en un programa Java que se ejecute continuamente y ocupe mucho tiempo de procesamiento, debe ejecutarse en su propio subproceso. n

p

La animación es una de “esas cosas”

Para lograr la animación, podemos utilizar el método start() para iniciar un subproceso, y después redefinir el método run() del subproceso, para hacer todo el procedimiento de animación.


118


118/121

5/13/2018

Applets con subprocesos Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

p

p

Crear applets con subprocesos es relativamente fácil. Además, el código que se usa, puede reusarse en otros applets la mayoría de las veces. Hay 5 modificaciones que se necesitan hacer para crear un applet que utilice subprocesos. 1.

Cambiar la firma de nuestro applet para





 

implementar la interfaz Runnable ub lic c la ss MiA pplet e xt en ds A pplet m pl em en ts R un na bl e { ... } M.C. Yalú Galicia Hdez.

119


119/121

5/13/2018

Applets con subprocesos ... Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

2.

Crear una variable de instancia de la clase Thead (incluida en java.lang), para almacenar el subproceso de este applet. p

4.

Thead runner;

Redefinir el método start() que no haga nada mas que crear un subproceso e iniciar la ejecución   

Public void start() { if (runner == null) { runner = new Thread(this);



}

 

runner.start( );

}


120


120/121

5/13/2018

Applets con subprocesos ... Applets y Aplic a c ione s grá fic a s e n Java - slide pdf.c om

4.

Redefinir el método stop() para detener el subproceso   

Public void stop( ) { if (runner != null) { runner.stop( );



}

 

6.

runner = null;

}

Crear un método run(), que redefine la versión predefinida de run( ) del Runnable, que contenga el código actual que controle el applet.  


public void run( ) { ...

121/121

Report "Applets y Aplicaciones gráficas en Java"

Your name

Email

Reason

Description

Copyright © 2024 IDOC.TIPS. All rights reserved.
About Us | Privacy Policy | Terms of Service | Copyright | Contact Us | Cookie Policy

Sign In

Email

Password

Remember me Forgot password?

Our partners will collect data and use cookies for ad personalization and measurement. Learn how we and our ad partner Google, collect and use data. Agree & close

Applets y Aplicaciones gráficas en Java

Recommend Documents