Metodología de la Programación

Transcripción

1 Metodología de la Programación Aplicaciones gráficas F. J. Martín Mateos Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla Metodología de la Programación - Tema 7 p. 1/28

2 plicaciones Gráficas Interfaces gráficas de usuario (GUI) Facilitan la interacción entre el usuario y el programa Suelen ser generadas por el método main Varias posibilidades en JAVA: AWT, Swing,... AWT: Abstract Window Toolkit Los elementos gráficos son independientes de la plataforma, la apariencia visual no import java.awt.* Metodología de la Programación - Tema 7 p. 2/28

3 lementos de AWT Componentes: Botones, etiquetas, campos de texto Contenedores: Marcos, paneles Pueden contener componentes Son a su vez componentes Gestores de posición: Gestionan la posición de los componentes dentro de los contenedores Eventos: Avisan de las acciones del usuario Metodología de la Programación - Tema 7 p. 3/28

4 ontenedores Se trata de objetos que pueden contener otros componentes: Frame, Panel,... import java.awt.*; public class EjemploFrame { public static void main ( String [] args ) { Frame f = new Frame(); f.settitle("ejemplo de Marco (Frame)"); f.setsize(500,100); f.setvisible(true); Metodología de la Programación - Tema 7 p. 4/28

5 ontenedor Frame Tiene el aspecto de una ventana del sistema gráfico: título, borde, botones de acción (depende del sistema gráfico) Algunos métodos asociados: Creación e inicialización: Frame f = new Frame() Asignación de título: f.settitle("titulo") Asignación de tamaño: f.setsize(500,100) Su visibilidad se controla con: f.setvisible(true) Metodología de la Programación - Tema 7 p. 5/28

6 ontenedor Panel Agrupación de componentes Tiene que estar asociado a otro contenedor (Frame o Panel) Ayuda a posicionar los elementos gráficos Metodología de la Programación - Tema 7 p. 6/28

7 estores de posición Controlan como se colocan las componentes dentro de un contenedor Posicionamiento basado en coordenadas: f.setlayout(null) Posicionamiento en línea: f.setlayout(new FlowLayout()) Posicionamiento en rejilla: f.setlayout(new GridLayout(3,3)) Los paneles ayudan a controlar el posicionamiento de los elementos gráficos Metodología de la Programación - Tema 7 p. 7/28

8 omponentes Elementos visuales que permiten la interacción con el usuario Se tienen que situar en un contenedor Contenedor f Componente b Añadir la componente al contenedor: f.add(b...) El resto de los argumentos depende del gestor de posición Metodología de la Programación - Tema 7 p. 8/28

9 omponente Button Tiene el aspecto de un botón que puede ser pulsado con el ratón Algunos métodos asociados: Creación e inicialización: Button b = new Button("MP") Asignación de etiqueta: b.setlabel("b") Valor de la etiqueta: b.getlabel() Asignación de tamaño: b.setsize(40,40) Metodología de la Programación - Tema 7 p. 9/28

10 omponente Button Ejemplo import java.awt.*; public class EjemploButton { public static void main ( String [] args ) { Frame f = new Frame(); f.settitle("ejemplo de Botón"); f.setsize(500,100); f.setlayout(new FlowLayout()); Button b = new Button("MP"); f.add(b); f.setvisible(true); Metodología de la Programación - Tema 7 p. 10/28

11 omponente Label Se trata de una etiqueta informativa Sólo proporciona información Algunos métodos asociados: Creación e inicialización: Label b = new Label("MP") Asignación de etiqueta: b.settext("iia") Valor de la etiqueta: b.gettext() Asignación de tamaño: b.setsize(40,40) Metodología de la Programación - Tema 7 p. 11/28

12 omponente Label Ejemplo import java.awt.*; public class EjemploLabel { public static void main ( String [] args ) { Frame f = new Frame(); f.settitle("ejemplo de Etiqueta"); f.setsize(500,100); f.setlayout(new FlowLayout()); Label b = new Label("MP"); f.add(b); f.setvisible(true); Metodología de la Programación - Tema 7 p. 12/28

13 omponente TextField Tiene el aspecto de un campo de texto en el que se puede escribir Algunos métodos asociados: Creación e inicialización: TextField b = new TextField("MP",20) Asignación/valor del texto: b.settext("iia"), b.gettext() Asignación/valor del tamaño: b.setcolumns(40), b.getcolumns() Capacidad de edición: b.seteditable(true), b.seteditable(false) Metodología de la Programación - Tema 7 p. 13/28

14 omponente TextField Ejemplo import java.awt.*; public class EjemploTextField { public static void main ( String [] args ) { Frame f = new Frame(); f.settitle("ejemplo de Campo de Texto"); f.setsize(500,100); f.setlayout(new FlowLayout()); TextField b = new TextField("MP",20); f.add(b); f.setvisible(true); Metodología de la Programación - Tema 7 p. 14/28

15 tras componentes Botón de opción: Checkbox Grupo de opciones: CheckboxGroup Selección: Choice Lista de selección: List Area de texto: TextArea Metodología de la Programación - Tema 7 p. 15/28

16 olores Definidos en la clase Color Valores predefinidos: Color.valor Posibles valores: black, blue, cyan, darkgray, gray, green, lightgray, magenta, orange, pink, red, white, yellow Otros colores: new Color(r,g,b), con r, g, b valores enteros entre 0 y 255 Asignar color de fondo a una componente: b.setbackground(color.blue) Válido para todas las componentes Metodología de la Programación - Tema 7 p. 16/28

17 estor de posición FlowLayout Situa los elementos alineados de izquierda a derecha, centrados en el contendor No altera el tamaño de los elementos import java.awt.*; public class EjemploFlowLayout { public static void main ( String [] args ) { Frame f = new Frame(); f.settitle("ejemplo de posicionamiento FlowLayout"); f.setsize(500,100); f.setlayout(new FlowLayout()); Button [] b = new Button [9]; for ( int i = 0 ; i < 9 ; i++ ) { b[i] = new Button("b-" + i); f.add(b[i]); f.setvisible(true); Metodología de la Programación - Tema 7 p. 17/28

18 estor de posición GridLayout Situa los elementos en una rejilla del tamaño indicado Altera el tamaño de los elementos import java.awt.*; public class EjemploGridLayout { public static void main ( String [] args ) { Frame f = new Frame(); f.settitle("ejemplo de posicionamiento GridLayout"); f.setsize(200,200); f.setlayout(new GridLayout(3,3)); Button [] b = new Button [9]; for ( int i = 0 ; i < 9 ; i++ ) { b[i] = new Button("b-" + i); f.add(b[i]); f.setvisible(true); Metodología de la Programación - Tema 7 p. 18/28

19 estor de posición null Situa los elementos en la posición especificada con respecto a la esquina superior izquierda del contenedor import java.awt.*; public class EjemploNullLayout { public static void main ( String [] args ) { Frame f = new Frame(); f.settitle("ejemplo de posicionamiento null"); f.setsize(300,400); f.setlayout(null); Button [] b = new Button [9]; for ( int i = 0 ; i < 9 ; i++ ) { b[i] = new Button("b-" + i); b[i].setbounds(i*20+30,i*30+30,30,30); f.add(b[i]); f.setvisible(true); Metodología de la Programación - Tema 7 p. 19/28

20 estión de posición con paneles Ejemplo import java.awt.*; public class EjemploPanel { public static void main ( String [] args ) { Frame f = new Frame(); f.settitle("ejemplo de posicionamiento con paneles"); f.setsize(100,100); f.setlayout(new GridLayout(2,1)); Panel panel1 = new Panel(); panel1.setlayout(new GridLayout(1,2)); Panel panel2 = new Panel(); panel2.setlayout(new GridLayout(1,3)); Button [] b = new Button [5]; for ( int i = 0 ; i < 5 ; i++ ) { b[i] = new Button("b-" + i);... Metodología de la Programación - Tema 7 p. 20/28

21 estión de posición con paneles Ejemplo import java.awt.*; public class EjemploPanel { public static void main ( String [] args ) {... panel1.add(b[0]); panel1.add(b[1]); panel2.add(b[2]); panel2.add(b[3]); panel2.add(b[4]); f.add(panel1); f.add(panel2); f.setvisible(true); Metodología de la Programación - Tema 7 p. 21/28

22 ventos Un evento es la forma en que el usuario interacciona con una aplicación gráfica Los eventos pueden corresponder a acciones físicas (ratón y teclado) o a acciones de tipo lógico (ejecución de acciones) El manejo de eventos se consigue mediante el uso de interfaces definidos en el paquete java.awt.event.* Para cada tipo de evento que se puede dar en una componente, se tiene que definir un manejador en dicha componente Metodología de la Programación - Tema 7 p. 22/28

23 terfaz WindowListener Gestiona los eventos de ventana: activación, desactivación, iconificación, desiconificación, apertura, cierre La interfaz WindowListener contiene métodos abstractos para cada una de las acciones que se pueden realizar con una ventana La clase WindowAdapter es una implementación de la interfaz WindowListener en la que todos los métodos tienen una definición por defecto Se necesita para cerrar un Frame Metodología de la Programación - Tema 7 p. 23/28

24 terfaz WindowListener Ejemplo import java.awt.*; import java.awt.event.*; public class EjemploFrameFuncional { public static void main ( String [] args ) { Frame f = new Frame(); f.settitle("ejemplo de Marco Funcional"); f.setsize(500,100); f.setvisible(true); f.addwindowlistener(new EjemploWindowAdapter()); class EjemploWindowAdapter extends WindowAdapter { public void windowclosing( WindowEvent e ) { System.exit(0); Metodología de la Programación - Tema 7 p. 24/28

25 terfaz ActionListener Gestiona el evento de acción asociado a una componente La interfaz ActionListener contiene el método abstracto actionperformed para implementar la acción asociada a una componente Se necesita para asignar una acción a un botón El método getsource() devuelve una referencia a la componente donde se produce el evento Metodología de la Programación - Tema 7 p. 25/28

26 terfaz ActionListener Ejemplo import java.awt.*; import java.awt.event.*; public class EjemploBotonFuncional { public static void main ( String [] args ) { Frame f = new Frame(); f.settitle("ejemplo de Botón Funcional"); f.setsize(500,100); f.setlayout(new FlowLayout()); Button b = new Button("Azul"); b.addactionlistener(new EjemploActionListener); f.add(b); f.setvisible(true); f.addwindowlistener(new EjemploWindowAdapter()); Metodología de la Programación - Tema 7 p. 26/28

27 terfaz ActionListener Ejemplo: La acción asociada al botón consiste en cambiar su propio color class EjemploActionListener implements ActionListener { public void actionperformed( ActionEvent e ) { ((Button)e.getSource()).setBackground(Color.blue); Metodología de la Programación - Tema 7 p. 27/28

28 terfaz ActionListener Para que la acción de un botón afecte a otra componente, esta última se ha de incluir como campo en la clase que implementa la interfaz ActionListener class EjemploActionListener implements ActionListener { Frame f; EjemploActionListener( Frame f ) { this.f = f; public void actionperformed( ActionEvent e ) { f.setvisible(false); Metodología de la Programación - Tema 7 p. 28/28