Abriendo Ventanas en la Pantalla

Presentación del tema: "Abriendo Ventanas en la Pantalla"— Transcripción de la presentación:

1 Abriendo Ventanas en la Pantalla
Existen clases de objetos en java que permiten abrir ventanas en la pantalla, estas clases vienen en el paquete de clases llamado Swing y AWT (se deben importar) Estos objetos en general se llaman COMPONENTES Las componente básica para abrir ventanas es el JFrame y el JWindow. Otros elementos (como botones, barras de menús etc. ) deben ser colocados dentro de un JFrame

2 Creando Frames JFrames 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 JFrame puede crearse de varias maneras, es decir tiene varios constructores: JFrame f = new JFrame() JFrame f = new JFrame(“Hello”); Para que estas componentes sean visibles se le deben asignar un tamaño y hacerlas visibles f.setBounds(x,y,ancho,alto) f.setVisible(true); Ver programa Windows.java

3 Mostrando Frames Los siguientes son algunos métodos que se le pueden aplicar a objetos de esta clase f.setLocation(int x,int y) f.setBounds(int x, int y, int alto, int ancho); f.setBackground(Color c) f.setCursor(Cursor c) f.setForeground(Color c) ContentPane p = f.getContentPane() p.add(Component c)

4 Poniendo cosas dentro del Frame
Pondremos un objeto de tipo Panel dentro del Frame y “pintaremos” dentro del Panel. Para pintar en un objeto de la clase Panel “normalmente” se crea un tipo de objeto nuevo que es una extension del panel y se re-escribe el método paint Dentro del método paint van las intrucciones para pintar lo que uno desea que se vea sobre esa componente (panel) Japan

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

6 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)

7 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.

8 Veamos otro ejemplo Pintaremos la bandera de Alemania 1/3 1/3 atura
ancho

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

10 Mas Ejemplos Pintaremos un reloj que da la hora que tiene guardada ClockX3.java Hagamos ahora un reloj al que le cambiaremos la hora cada segundo ClockX.java

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

12 Ejercicio: La bandera Chilena
1/3 1/2 alto 1/2 ancho

13 La Estrella(Aprox)

14 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

15 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)

16 Graficar una función y=f(ax2+bx +c) desde x1 hasta x2 usando todo el espacio disponible
Funcion VentanaFuncion Y Ventana7 X X2 X1 Funcion: clase que implementa la función con un método evaluar(x) VentanaFuncion: Clase donde se dibuja

17 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

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

19 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

20 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

21 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)

22 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

23 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)

24 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

25 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

26 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

27 Ejemplo Contemos cuantas veces ha sido presionado un boton
ButtonWindow

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

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

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

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

32 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

33 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)

34 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

35 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>

36 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

37 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

38 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); }

39 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

40 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