Creando una interfaz grafica


                     Integrantes: D.canales
                                  H.Medina
                                  R.Medina
                                   H.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!

Creando una interfaz grafica

  • 1.
    Creando una interfazgrafica Integrantes: D.canales H.Medina R.Medina H.Painen GRUPO TRON
  • 2.
    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.
  • 3.
    • Para crearuna 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
  • 4.
    • En primerlugar hay que agregar la librería • Posteriormente creamos los objetos básicos para crear una ventana
  • 5.
    • Y posteriormentecolocamos los elementos dentro de otros • Y por ultimo hacemos visible el frame que es el elemento de mayor nivel
  • 6.
    • Y comoresultado nos muestra la siguiente ventana: • Pero esto es un elemento muy básico así que procederemos a crear uno un poco mas complejo
  • 7.
    • Lo querealizamos 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
  • 8.
    • Con estologramos centrar la ventana en el momento que probamos el código. • Antes despues
  • 9.
    • Con estaslí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.
  • 10.
    • Ahora creamosuna barra para poder colocar objetos • Agregamos unos botones y casilleros, y finalmente agregamos la barra al marco
  • 11.
    • Y finalmentele agregamos un color al panel • Que nos daría como resultado los siguiente
  • 12.
    • Cuando hayque 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
  • 13.
    • Y finalmentedecidimos 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
  • 14.
    • Va amostrar un dialogo • Que va a contener un área de texto dentro de él
  • 15.
    • Y elresultado final seria • Gracias por su atención!