Creando una interfaz grafica

Integrantes: D.canalesH.MedinaR.MedinaH.Painen

GRUPO TRON

Problema a desarrollar

• En esta semana nos formulamos crear una aplicación básica que consistía en una ventana con botones para lograr comprender los elementos básicos que debe poseer una aplicación grafica.

• Para crear una aplicación grafica básicamente debemos crear objetos y “meterlos” dentro de otros objetos y de alguna manera crear un conjunto para crear esa ventana con el panel, marco y botones, en nuestro ejemplo inicialmente estos objetos son:

• El marco, definido a partir de la clase JFrame• El panel, definido a partir de la clase JPanel• EL botón, definido a partir de la clase Jbutton• El menu,definido a partir de la clase Jtoolbar• La etiqueta, definida a partir de la clase Jlabel• El área de texto, definido a partir de la clase JTextArea

• En primer lugar hay que agregar la librería

• Posteriormente creamos los objetos básicos para crear una ventana

• Y posteriormente colocamos los elementos dentro de otros

• Y por ultimo hacemos visible el frame que es el elemento de mayor nivel

• Y como resultado nos muestra la siguiente ventana:

• Pero esto es un elemento muy básico así que procederemos a crear uno un poco mas complejo

• Lo que realizamos con estas líneas es agregarle un nombre a la ventana y además darle un tamaño predefinido, ya que anteriormente había que redimensionar la ventana cuando se abría y era bastante molesto

• Con esto logramos centrar la ventana en el momento que probamos el código.

• Antes despues

• Con estas líneas creamos un label que es una etiqueta para identificar algún objeto.

• Para ubicarlo dentro del frame basta con esta línea para posicionarlo, la posición de define con el south, north.

• Ahora creamos una barra para poder colocar objetos

• Agregamos unos botones y casilleros, y finalmente agregamos la barra al marco

• Y finalmente le agregamos un color al panel

• Que nos daría como resultado los siguiente

• Cuando hay que definir el valor booleano de la barra hay que indicarle que sea false, de lo contrario la barra puede ser movida libremente, incluso afuera del frame

• Y finalmente decidimos agregarle un evento al botón “ejemplo swing”.

• Primero agregamos la librería

• Después creamos el evento de esta manera

• Posteriormente indicamos que va a mostrar cuando se active dicho evento

• Va a mostrar un dialogo

• Que va a contener un área de texto dentro de él

• Y el resultado final seria

• Gracias por su atención!