UNIDAD I.- Elementos de Interfaces Gráficas

Transcripción

1 UNIDAD I.- Elementos de Interfaces Gráficas LECCIÓN Librerías de Interfaz Gráfica Librerías gráficas de Java En java existen varios paquetes para manejo de la interfaz gráfica: AWT (Abstract Window Toolkit): Paquete básico para el diseño de interfaces gráficas de Java. Swing: A partir de la versión 1.2, para crear interfaces gráficas profesionales con independencia de plataforma. Java2D: Para manejar objetos gráficos (lineas, elipses, curvas) como objetos y aplicar transformaciones sobre estos (rotación, escalado). Java3D: Para manipular vistas tridimensionales de objetos gráficos. Elementos gráficos Toda interfaz gráfica tiene: Componentes: Objetos que representan un elemento gráfico (botón, cuadro de texto) Contenedores: Objetos que contienen componentes (Ventanas, Cuadros de Dialogo) Administradores de diseño: Objetos que controlan la forma en que se ordenan y acomodan los componentes dentro de un contenedor. Contexto gráfico: Área de un componente gráfico donde se puden dibujar primitivas gráficas (lineas, curvas) y colocar imágenes. 1

2 Componentes gráficos Un componente es un objeto que tiene una representación gráfica que puede ser presentada en una pantalla y puede interactuar con el usuario. La clase abstracta Component contiene los métodos comúnes para todos los componentes gráficos. Tabla Métodos más utilizados en un componente gráfico Método Descripción setsize(int largo,int ancho) Define el tamaño del componete setlocation(int x, int y) Define la ubicación del componente setbounds(int x, int y, int largo, int ancho) Define la ubicación y tamaño del componente setbackground(color color) Define el color de fondo del componente 2

3 Tabla Métodos más utilizados en un componente gráfico Método Descripción paint(graphics g) Permite dibujar primitivas gráficas dentro del componente Contenedores gráficos Un contenedor es un componente gráfico que tiene la capacidad de almacenar otros componentes gráficos. Tabla Métodos más utilizados en un contenedor gráfico. Método Descripción add(component x) Adiciona un componente al contenedor remove(component x) Remueve un compoenente del contenedor setlayout(layoutmanager x) Define cual es el administrador de diseño de contenedor Frame: Un frame es una ventana con un título, un ícono asociado, un tipo de cursor asociado y una barra de menú (opcional). 3

4 Se pueden crear ventanas de dos formas: Creando un objeto dentro de la clase aplicación Creando una clase instanciable que herede de Frame. Creando un objeto de la clase Frame public class Ventana{ public static void main(string[] args){ Frame f = new Frame("Primera Ventana"); f.setsize(300,300); f.setlocation(200,100); f.setbackground(color.cyan); f. 4

5 Creando un clase instanciable que herede de Frame package nuevaventana; //Clase Instanciable public class MiVentana extends Frame{ public MiVentana(){ super("mi Ventana"); setsize(300,300); setlocation(200,100); setbackground(color.cyan); public MiVentana(Color color){ this(); setbackground(color); Button b = new Button("Aceptar"); add(b); package nuevaventana; public class Main { public static void main(string[] args) { MiVentana v = new MiVentana(); v. MiVentana y = new MiVentana(java.awt.Color.BLUE); y. // Se crea un objeto anónimo new MiVentana(java.awt.Color.yellow). 5

6 Administradores de diseño Un administrador de diseño (layout) es un objeto que se encarga de controlar la ubicación y apariencia de los componentes dentro de un contenedor. Se activa con el método setlayout(layoutmanager x) Si no se indica, se tiene ya uno predefinido: Para objetos que derivan de Window (Frame, Dialog) es BorderLayout() Para objetos que derivan de Panel (Panel, Applet) es FlowLayout Adicionando un componente al contenedor: Se utiliza un método definido por el usuario denominado addcomponentes() Si no se indica el administrador de diseño, Frame usan BorderLayout y el componente se coloca en toda la ventana, porque no se indico su ubicación package layouts; public class MiVentana extends Frame{ public MiVentana(){ super("ventana con un botón"); setsize(200,200); setlocation(5,300); setbackground(color.white); add(new Button("Botón")); 6

7 Tabla Administradores de diseño para contenedores en Java Layout BorderLayout FlowLayout GridLayout CardLayout GridBagLayout Descripción Divide el contexto gráfico en cinco áreas. Se debe indicar en que área se adiciona el componente. Se utiliza una constante o un String: Norte: BorderLayout.NORTH ó North Sur: BorderLayout.SOUTH ó South Centro: BorderLayout.CENTER ó Center Este: BorderLayout.EAST ó East Oeste: BorderLayout.WEST ó West Coloca a los componentes al centro del contenedor, en la parte superior y ajusta el tamaño del componente al mínimo. Divide el contexto gráfico en una malla de n líneas y m columnas Coloca a los componentes en una pila donde solo está visible un componente. Divide al contexto gráfico en secciones cuyo tamaño es definido por el usuario. Ventana con FlowLayout: package layouts; public class MiVentana1 extends Frame{ public MiVentana1(){ super("ventana con FlowLayout"); setsize(300,300); setlocation(10,10); setbackground(color.cyan); setlayout(new FlowLayout()); add(new Button("Ok")); add(new Button("Cancel")); 7

8 Ventana con dos o mas contenedores: Un contenedor es un componentes, por lo que puede estar contenido en otro contenedro public class MiVentana2 extends Frame{ public MiVentana2(){ super("ventana con dos contenedores"); setsize(300,300); setlocation(340,100); setbackground(color.orange); // Un Frame tiene BorderLayout add(new Label("Captura un Texto"),"North"); add(new TextArea(200,200),"Center"); // Un panel es un contenedor con FlowLayout Panel p = new Panel(); add(p,"south"); p.add(new Button("Aceptar")); p.add(new Button("Cancelar")); Ventana con GridLayout: package layouts; public class MiVentana3 extends Frame{ public MiVentana3(){ super("primera Calculadora"); setsize(200,250); setlocation(450,300); setbackground(color.white); 8

9 Panel p1 = new Panel(); Panel p2 = new Panel(); add(new TextField(),"North"); add(p1,"center"); add(p2,"east"); add(new Button("="),"South"); // Se define una malla para el panel p1 p1.setlayout(new GridLayout(3,3)); for(int i=1;i<=9;i++) p1.add(new Button(""+i)); // Se define otra malla para el panel p2 p2.setlayout(new GridLayout(2,1)); p2.add(new Button("+")); p2.add(new Button("-")); Ventana con CardLayout: package layouts; public class MiVentana4 extends Frame{ public MiVentana4(){ super("ventana con CardLayout"); setsize(200,250); setlocation(450,300); setbackground(color.white); CardLayout c = new CardLayout(); setlayout(c); add(new Button("Boton inicial"),"1"); add(new TextArea(40,80),"2"); add(new Label("Etiqueta"),"3"); c.show(this,"1"); 9

10 for(int i=0;i<8;i++){ try{ Thread.sleep(1000); catch(interruptedexception e){ System.err.println("error!"+e); c.next(this); Se necesita una referencia para el administrador de diseño: CardLayout c = new CardLayout(); setlayout(c); Se adiciona indicando una etiqueta: add(new Button("Boton inicial"),"1"); add(new TextArea(40,80),"2"); add(new Label("Etiqueta"),"3"); Se indica con show cual es el primer componente a presentar c.show(this,"1"); Se indica con next que se cambie el componente: c.next(this); Sin Layout: Utilizando setlayout(null) se indica que no se va a utilizar un administrador de diseño package layouts; public class MiVentana5 extends Frame{ public MiVentana5(){ super("ventana sin Layout"); setsize(200,250); setlocation(100,100); 10

11 setbackground(color.yellow); setlayout(null); Button b1 = new Button("Aceptar"); Button b2 = new Button("Cancelar"); b1.setbackground(color.green); b1.setlocation(50,40); b1.setsize(100,40); b2.setbounds(100,200,40,40); add(b1); add(b2); 11