m.c. meliza contreras gonzález. se le llama interfaz gráfica al conjunto de componentes...
TRANSCRIPT
![Page 1: M.C. Meliza Contreras González. Se le llama interfaz gráfica al conjunto de componentes gráficos(ventanas, botones, combos, listas, cajas de dialogo,](https://reader035.vdocuments.pub/reader035/viewer/2022081513/56a1889d1a28abe54595367c/html5/thumbnails/1.jpg)
M.C. Meliza Contreras González
![Page 2: M.C. Meliza Contreras González. Se le llama interfaz gráfica al conjunto de componentes gráficos(ventanas, botones, combos, listas, cajas de dialogo,](https://reader035.vdocuments.pub/reader035/viewer/2022081513/56a1889d1a28abe54595367c/html5/thumbnails/2.jpg)
Se le llama interfaz gráfica al conjunto de componentes gráficos(ventanas, botones, combos, listas, cajas de dialogo, campos de texto) que posibilitan la interacción entre el usuario y la aplicación.
![Page 3: M.C. Meliza Contreras González. Se le llama interfaz gráfica al conjunto de componentes gráficos(ventanas, botones, combos, listas, cajas de dialogo,](https://reader035.vdocuments.pub/reader035/viewer/2022081513/56a1889d1a28abe54595367c/html5/thumbnails/3.jpg)
Diseñar la interfaz Programar los controles Escuchar los eventos que los controles
generan
![Page 4: M.C. Meliza Contreras González. Se le llama interfaz gráfica al conjunto de componentes gráficos(ventanas, botones, combos, listas, cajas de dialogo,](https://reader035.vdocuments.pub/reader035/viewer/2022081513/56a1889d1a28abe54595367c/html5/thumbnails/4.jpg)
Heredan de la clase base Component Son contenidos en contenedores (Panel,
window, Frame que a la vez pueden contener otros contenedores) .
Object◦ Component
Container Panel Window
Frame Button Label TextComponent
TextArea TextField
![Page 5: M.C. Meliza Contreras González. Se le llama interfaz gráfica al conjunto de componentes gráficos(ventanas, botones, combos, listas, cajas de dialogo,](https://reader035.vdocuments.pub/reader035/viewer/2022081513/56a1889d1a28abe54595367c/html5/thumbnails/5.jpg)
Java provee dos APIs para desarrollar GUIs AWT(Abstract Window Toolkit): es la más
básica no provee componentes complejos. SWING : hereda de clases de AWT, es fácil
identificar los componentes porque empiezan con el prefijo J, por ejemplo Jbutton, Jtextfield, Jpanel y Jframe.
![Page 6: M.C. Meliza Contreras González. Se le llama interfaz gráfica al conjunto de componentes gráficos(ventanas, botones, combos, listas, cajas de dialogo,](https://reader035.vdocuments.pub/reader035/viewer/2022081513/56a1889d1a28abe54595367c/html5/thumbnails/6.jpg)
Los containers contienen componentes que son acomodados dentro del espacio visual respetando una distribución específica(layout).
El layout puede ser ◦ Absoluto: se utiliza cuando se trabaja con
herramientas visuales para el diseño del GUI◦ Relativo : definen reglas y los componentes se
acomodan automáticamente dentro del container, son más difíciles de manejar, pero tienen como ventajas: El tamaño de la ventana no impacta Cada plataforma tiene su estilo de componentes
gráficos(look and feel)
![Page 7: M.C. Meliza Contreras González. Se le llama interfaz gráfica al conjunto de componentes gráficos(ventanas, botones, combos, listas, cajas de dialogo,](https://reader035.vdocuments.pub/reader035/viewer/2022081513/56a1889d1a28abe54595367c/html5/thumbnails/7.jpg)
FlowLayout: distribuye los componentes uno al lado de otro en la parte superior del container, por defecto provee una alineación centrada, pero también puede alinearlos hacia la izquierda o hacia la derecha.
BorderLayout: divide el espacio del container en 5 regiones: NORTH, SOUTH, EAST, WEST y CENTER, admite un único componente por región.
GridLayout: divide el espacio del container en una rejilla de n filas por m columnas donde todas las celdas son de igual tamaño.
![Page 8: M.C. Meliza Contreras González. Se le llama interfaz gráfica al conjunto de componentes gráficos(ventanas, botones, combos, listas, cajas de dialogo,](https://reader035.vdocuments.pub/reader035/viewer/2022081513/56a1889d1a28abe54595367c/html5/thumbnails/8.jpg)
Una vez realizado el diseño de la interfaz se implementa la funcionalidad mediante la captura de eventos:◦ Cada componente genera eventos y el
programador puede escucharlos mediante listeners.
Un listener es un objeto cuya clase implementa una determinada interface que esta relacionada a un componente para que este lo notifique ante la ocurrencia de un determinado tipo de evento.
![Page 9: M.C. Meliza Contreras González. Se le llama interfaz gráfica al conjunto de componentes gráficos(ventanas, botones, combos, listas, cajas de dialogo,](https://reader035.vdocuments.pub/reader035/viewer/2022081513/56a1889d1a28abe54595367c/html5/thumbnails/9.jpg)
Para cada componente hay que invocar el método addActionListener(interface), que recibira como argumento una nueva instancia de la interfaz pesonalizada para las necesidades del componente.
El único método a implementar de la interface es actionPerformed.
Cuando el componente detecte una acción sobre el, notificará a la instancia de la interface invocando automáticamente el método actionPerformed, por lo tanto todo lo que se programe se ejecutara en el momento de realizar una acción sobre el componente.
![Page 10: M.C. Meliza Contreras González. Se le llama interfaz gráfica al conjunto de componentes gráficos(ventanas, botones, combos, listas, cajas de dialogo,](https://reader035.vdocuments.pub/reader035/viewer/2022081513/56a1889d1a28abe54595367c/html5/thumbnails/10.jpg)
Action (ActionListener) Movimiento del Mouse
(MouseMotionListener) Teclado (KeyListener) Ventana (WindowListener) Foco (FocusListener)
![Page 11: M.C. Meliza Contreras González. Se le llama interfaz gráfica al conjunto de componentes gráficos(ventanas, botones, combos, listas, cajas de dialogo,](https://reader035.vdocuments.pub/reader035/viewer/2022081513/56a1889d1a28abe54595367c/html5/thumbnails/11.jpg)
Son aquellos eventos a raiz de los cuales suponemos que el usuario espera producir una determinada acción.◦ Ejemplos
Presionar un enter Presionar un botón Hacer click
![Page 12: M.C. Meliza Contreras González. Se le llama interfaz gráfica al conjunto de componentes gráficos(ventanas, botones, combos, listas, cajas de dialogo,](https://reader035.vdocuments.pub/reader035/viewer/2022081513/56a1889d1a28abe54595367c/html5/thumbnails/12.jpg)
Estos eventos los generan los componentes TexField y TextArea cada vez que el usuario escribe un carácter sobre el componente.
Ejemplos◦ Presionar una tecla◦ Soltar una tecla◦ Presionar un enter