Abriendo Ventanas en la Pantalla Antes de la versión Java 1.2 (o Java 2) el paquete que proveía de clases para construir interfaces gráficas era AWT. Ahora tembién existe Swing Swing debería usarse en vez de AWT porque consume menos recursos, pero es algo más trabajoso de programar Nosotrosa usaremos el AWT Las componente básica para abrir ventanas con AWT es el Frame. Otros elementos (como botones, barras de menús etc. ) deben ser colocados dentro de un Frame

Creando Frames Frames son ventanas con un marco que se pueden normalmente mover y cambiar de tamaño. También son capaces de contener barras de menús Un Frame puede crearse de varias maneras: Frame f = new Frame() Frame f = new Frame(“Hello”);

Mostrando Frames Para que se vean los Frames es necesario ponerles un tamaño y hacerlos visibles f.setSize(200,300); // width, height f.setVisible(true); Los siguientes son métodos válidos para la clase void setLocation(int x,int y) void setBounds(x,y,w,h); void setBackground(Color c) void setCursor(Cursor c) void setForeground(Color c) void add(Component c)

Pintando sobre la ventana Pondremos un objeto de tipo Canvas sobre la ventana y pintaremos en él. El canvas será luego incluido en el frame. Japan

Pintando sobre una componente Es necesario tener el contexto grafico de la componente sobre la que se quiere pintar Este objeto tiene toda la información necesaria para pintar sobre el objeto al cual pertenece Los métodos para pintar se aplican sobre el contexto gráfico, no sobre el Lo último que se pinta quedará sobre lo anterior (tapará lo anteriormente pintado)

Pintando sobre una componente En la mayoría de las situaciones obtendremos el contexto gráfico del método paint El método paint es invocado por el sistema operativo del coputador (windows) cada vez que se requiere “pintar” el objeto de nuevo, no es llamado desde dentro del programa. Esto sucede cada vez que el objeto (o parte de él) es tapado por otras ventadas y vuelto a mostrar Cada vez que el objeto es cubierto por otras ventanas el contenido desaparece, por esto hay que pintarlo de nuevo. (ver Japan2)

Los métodos más comunes x1,y1 x2,y2 g.drawLine(x1,y1,x2,y2) g.drawRect(x,y,w,h) g.fillRect(x,y,w,h) g.drawOval(x,y,w,h) g.fillOval(x,y,w,h) w x,y h w x,y h

Más métodos g.drawPolygon(x[],y[],n) g.fillPolygon(x[],y[],n) int[] x = new x[4]; int[] y = new y[4]; g.setColor(color.colorname) colorname = black, blue, cyan, darkGray, gray, orange, white, red, pink, yellow g.setColor(new color(red,green,blue)) x[1],y[1] x[4],y[4] x[2],y[2] n = 5 x[3],y[3]

Cambiando las letras drawString(x,y,str) Podemos cambiar la apariencia de las letras Font afont = new font(“Arial”,font.Bold,20); g.setFont(afont); Todos estos métodos son aplicados al contexto gráfico, no a la componente x This is the string y

Animaciones Hay básicamente 2 maneras de hacer animaciones con el computador 1- Pintando y borrando figuras de modo que parezcan que se mueven Flicker DOS

Animaciones 2 2. Mostrando imágenes pregrabadas una tras otra, como se hace en los dibujos animados DukeViewer2 dos

Por qué no podemos cerrar las ventanas ??? En la AWT todas las componentes son “sordas” a la mayoría de los eventos que suceden Tenemos que ponerles “orejas” para que escuchen los eventos que son generados por el ambiente Luego tenemos que programar la forma como reaccionar ante los eventos que escuchen estas componentes

Hay una constante comunicación entre el sistema operativo y un programa java Paint Event (does not need special ears) Window Event Mouse movement Event Mouse click Event Focus Event

Poniendole oidos a las componentes f.addWindowListener( new OidoVentana()); ......... class OidoVentana implements WindowListener() { public void windowClosing(WindowEvent e) { System.out.println("bye "); System.exit(0); } public void windowActivated(WindowEvent e) { ..... Los métodos están predefinidos por la interfaz (para WindowListener son 9 y hay que implementarlos todos!!!!) el parámetro que recibe tiene información acerca del evento (quién lo generó, dónde sucuedió) dependiento del tipo de evento (ver Japan3.java)

Hay diferentes tipos de listeners (orejas) para un conjunto de eventos void addWindowListener(WindowListener a): para oir eventos de ventanas tales como windowActivated, windowClosing, windowDeactivated, windowIconified y otros 5 más void addMouseListener(MouseListner a): para oir mouseReleased mouseClicked, mousePressed, mouseEntered, mouseExited void addMouseMotionListener(MouseMotionListener a): para mouseMoved, mouseDragged void addActionListener(ActionListener a): para actionPerformed solamente !!!!!!importante, esto se usa mucho void addKeyListener(KeyListner a): para keyPressed, keyReleased, keyTyped

Un ejemplo de Eventos del Mouse 400 ColorWindow 4 1 ChalkBoard 5 200 2 3 Por cada click se dibujará un círculo rellno de un color distinto con un número ascendente. (see ColorWindow.java ChackBoard.java)

Escuchando al Mouse Localización del click Las coordenadas son locales addMouseListener( new OidoMouse() ); public class OidoMouse implements MouseAdapter { public void mousePressed(MouseEvent e) { System.out.println("mouse at "+e.getX()+"-"+e.getY()); } ... Escribir mouseReleased, mouseClicked Localización del click Las coordenadas son locales a la componente !!! 0,0 es el borde izquierdo superior - mouseReleased - mouseClicked 0,0 Y X

Components y Containers Components son elementos que puedes ser usados para componer interfaces gráficas: botones, áreas de texto, etiquetas, menús etc... Containers son aquellas componentes que pueden contener otras componentes. Frame, Window, Panel. El Paner se usa generalmente para agrupar un conjunto de componentes en una regíon

Components y Containers Un texto: Label TextField Boton 1 Boton 1 Boton 1 Panel con Button Boton 1 Frame Frame y Panel son además contenedores

Ejemplo Contemos cuantas veces ha sido presionado un boton ButtonWindow

Más ejemplos 2. Hagamos otra versión del jalisco, con una variación en la forma de implementar el ActionListener Jalisco

Seleccionando Imágenes Primero vamos a desarrollar este objeto que contiene una imagen. ImageViewer2

Seleccionando imágenes… La lista será Creada con los nombres de archivos de imágenes en el directorio actual

Selecting the image file to load Al seleccionar uno, se creará el objeto Imagen con el archivo seleccionado ListImages

Ubicando Componentes en un Contenedor Hasta ahora siempre habíamos definido que el LayoutManager de un contenedor era null, Con esto nos hacíamos responsables de ubicar y determinar el tamaño de las componentes que poníamos dentro del contenedor, lo que permanecía fijado, sin importar el tamaño del contenedor Usar un LayoutManager requeire de menos programación ya que el tamaño y ubicación de las componentes es fijado por aquel, a veces con mejores resultados

Los Layout Managers El FlowLayout manager pone los componentes en una fila de izquierda a derecha (en el orden en que fueron incorporados al contenedor) hasta que no hay más espacio. De ahí empieza a colocarlos en la siguiente línea. (ver Flow1) El GridLayout define una grilla de filas y columnas en donde los componentes deben ser puestos. El tamaño de las componentes es el mismo para todas y se modifica con el tamaño del Frame!!!!. (ver Grid.java ) El BorderLayout manager define 5 regiones en el contenedor: North, South, East, West , y Center para poner las componentes, esto implica que solo 5 componentes pueden ser puestas. (border 1 y 2) Mucha veces estas componentes son paneles que a su vez, contienen otras componentes (ver dibujo.java y votos.java)

Más Componentes Menu: un item en la barra de menú de un Frame. Sólo se pueden poner componentes Menu en un Frame. Estos aparecerán de derecha a izquierda según el orden en que incluyeron MenuItem: para poner itemes en un menú. Sólo se pueden agregar a un elemento Menú Choice:para tener una lista de valores (Strings) de los cuales elegir RadioButtons: botones que se agrupan en conjuntos de entre los cuales uno solo puede estar seleccionado Ver Editor2.java

Java Applets Applets son programas java que se bajan y corren en el contexto de una página web Request a page Animator.class Html Animator.class Java program running on the client <applet code=Animator.class > </applet>

Cómo esplicar qué es realmente un applet ? Para personas espertas en Java es muy fácil: es una extensión de un Panel. Por lo tanto se puede hacer lo mismo Bla Bla Bla Bla The html viewer The applet Bla Bla Bla Bla

How do I link an Applet in my HTML Page ? <HEAD> <TITLE> My first Applet </TITLE> </HEAD> <BODY> ....... Así se adhiere un applet a una página Web <APPLET CODE = “MyApplet0.class” WIDTH=150 HEIGTH=25> </APPLET> ..... </BODY> Debe existir un applet programado en un archivo con el Nombre MyApplet.java y complado

Programando Applets El Hello world applet import java.applet.*; import java.awt.*; public class MyApplet0 extends Applet { public void paint(Graphics g) { g.drawString(“Hello World”,50,25); }

Ejemplos de Applets Que dibuja este Applet firstApplet.html MyApplet1.java secondApplet.html 2. Un applet que reacciona a clicks del mouse MyApplet2.java El Clock como Applet ClockApplet.html ClockX4Applet.java

Un Applet especial 4. Este applet cargará otra página web siteTextApplet.html 4. Este applet cargará otra página web 5.un applet con un thread siteTextApplet.java clock2Applet.html ClockX2Move.java