Java - Tutorial Ventanas

8,687 views

Published on

Set de PowerPoint el cual enseño brevemente a construir interfaces graficas en Java con Swing y Eclipse.

0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
8,687
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
184
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

Java - Tutorial Ventanas

  1. 1. Interfaces gráficas en JavaICI 341 -Principios de Lenguajes deProgramación -2013
  2. 2. ¿Que es un frame?• Mas conocido como“ventana”, es un contenedorque guarda componentes yles da un sentido grafico.• Este frame tiene propiedadestales como tamaño, posición,título, etc.• Este frame contienecomponentes los cualesbrindan interactividad a ésta(botones, interruptores, etc).
  3. 3. WindowBuilder Pro• Plug-In de Eclipsepara construirframes en Java.• Permite edición deframes tantográficamente comoen código.• Se instaladirectamente porEclipse vía el menúInstall NewSoftware.Dentro del menú pegar el siguiente link (Eclipse Juno)... Puedes buscarlo en Google también:http://download.eclipse.org/windowbuilder/WB/release/R201209281200/4.2/
  4. 4. Creación de un frame.• En un proyecto, hacer click en New -> Other.• Elegir WindowBuilder/Swing Designer/New Jframe.Para este caso, llamaremos a nuestro Frame como “Hola”
  5. 5. • Una vez terminado, generará un código básicopara generar una ventana vacía.Abajo se puede intercambiar en modo Codigo (Source) y en Modo Gráfico (Design).
  6. 6. Un vistazo rápido al código• Se ignora el método main generado ( al menos que desees que el programaempiece desde aquí.) Para evitar problemas extraños, es recomendado borrarlo.• La frame creada consiste en una clase extendida de Jframe. Contiene un atributodel tipo Jpanel.
  7. 7. Un vistazo rápido al código• Se puede además apreciar el constructor de nuestra clase Frame que hemoscreado.• Este código se regenera automáticamente mientras uno agregue componentes alFrame.
  8. 8. Editor gráfico• Editor del tipo Drag&Drop. (Arrastrar y soltar).• A la izquierda inferior (Properties) se pueden encontrar diferentesopciones para los componentes que tengas seleccionados.• Al centro (Palette) en la carpeta Components se encuentra el set decomponentes que se le pueden añadir a la ventana.
  9. 9. • Layout: Maneras predefinidas de acomodarcontroles o componentes visuales en formas oventanas visuales.• Para una programación mas fácil, se usaraAbsolute Layout.• Buscar Absolute Layout en Palette y arrastrarla a la ventana.
  10. 10. Llamar a un frame desde código.Recordando que nuestra clase frame se llamaba “Hola”.• Simplemente creamos la clase Hola en el programa, yllamamos a su constructor para que se haga visible.• ... O bien, como alternativa, simplemente usar los Main quegeneran las mismas ventanas.NOTA: Una ventana correrá “en paralelo” al código que lo llamó. Tener en cuentaesto, para no tener problemas extraños.
  11. 11. • Quizá sea necesario pasar a la ventanaalgún parámetro (como alguna clase, uotro dato en particular).• En ese caso, se debe modificar elconstructor.
  12. 12. Destruir un Frame.• Para destruir una Frame se debe llamar a algunode estos 2 métodos (destructores de clase).• Si se destruyen todas las ventanas y no hayproceso detrás, el programa terminará.
  13. 13. Algunos componentes básicos.
  14. 14. JLabel• Simplemente texto.• Puedes editar lo quedice en la casilla Text(en Properties).• O bien puedes editareste valor en código yañadirle algunavariable como valor.En el editor gráficoquedará comoDynamic.
  15. 15. JButton• Un botón que al ser presionado, reaccionará de alguna forma.• Para que reaccione al hacer click tendremos que crear unEvento.• Simplemente hacemos doble click en el botón ya creado.Automáticamente se creará el código que se ejecutará alpresionar el botón.NOTA: En Show Events hay más tipos de Eventos que actuar al hacer clicks.
  16. 16. • Aquí puedes llamar a algún método que haga loque tenga que hacer cuando se haga click en él.(También puedes añadir código directamente).
  17. 17. JTextField• Una entrada de texto.(String).• Puedes leer su valor desdecódigo ( por ejemplo alpresionar un botón).Siendo textField el nombre de la variable en cual contiene tu JTextField. Si tienes dudassobre cual es tu variable, puedes revisar en el código de la ventana.
  18. 18. JCheckBox• Una pequeña caja el cualpuedes activarla o dejarladesactivada.• Puedes leer su valor desdecódigo ( por ejemplo alpresionar un botón).Siendo chckbxNewCheckBox el nombre de la variable en cual contiene tu JCheckBox.
  19. 19. JComboBox• Una pestaña el cual puedes elegirdistintas opciones.• Para llenarla con alternativaspuedes usar este código despuésde crearlo.setModel pide un arreglo de Strings. En este caso se ha resumido de la manera mostrada.
  20. 20. • Puedes leer su valor desde código ( porejemplo al presionar un botón). Puede sercualquiera de estas 2 formas.La primera obtiene el indice de la opción seleccionada.La segunda obtiene el Item seleccionado que se le dio al rellenar.En este caso es String (ojo, hay que castearlo).NOTA: Jlist (listado) funciona exactamente igual que JComboBox.
  21. 21. Otros métodos útiles deInterfaces graficas.• Mostrar un mensaje de aviso.• Preguntar algo (Si, No) mediante un aviso.• Un aviso donde el cual se ingrese texto.NOTA: Pueden llamarse desde cualquier punto del programa, hayan ventanas o no.
  22. 22. Interfaces gráficas en JavaICI 341 -Principios de Lenguajes deProgramación -2013

×