Jigloo

Tutorial de Jigloo - Segunda parte: cómo añadir eventos y acciones en Swing

Para completar la primera parte del tutorial, procedemos a añadir eventos a las ventanas. Un evento es cada una de las acciones que realizamos sobre nuestro programa, desde pulsar un botón, situar el botón sobre un objeto o minimizar la ventana.

  • Antes de nada, vamos a completar la interfaz con un menú Ayuda, que contendrá dos ítems: Ayuda y Acerca de...
  • Lo siguiente es crear una ventana que será la que aparezca cuando pulsamos sobre el botón Acerca de...  Pulsamos fuera de la ventana y seleccionamos Add → Add Containers → JDialog

    tut_jigloo_2_1.png
     
  • Una vez que tenemos el JDialog creado, le asignamos un nombre, por ejemplo vAcercaDe. Le asignamos un GroupLayout, que se encuentra en la opción Set Layout que aparece cuando pinchamos con el botón derecho. Ponemos título y redimensionamos al tamaño adecuado y añadimos un JLabel y un botón (yo les llamaré LabelAcercaDe y buttonOkAcercaDe de forma que quede así:

    tut_jigloo_2_2.png
     
  • Ahora tenemos que añadir un evento que cierre la ventana cuando pulsemos el botón OK. Para ello seleccionamos More Components → AbstractAction. Podemos hacerlo a través de la barra de herramientas o mediante el menú contextual pinchando sobre el botón. Llamaré a la acción accionCerrarAcercaDe. Le asignaremos el texto "OK". A continuación tenemos que editar el código de la aplicación directamente. En la pestaña Outline, donde encontramos todos los elementos de la interfaz, buscamos la accionCerrarAcercaDe y la seleccionamos. Si tenemos el código delante, el cursor se situará sobre el fragmento correspondiente a este elemento. Ahí es donde tenemos que agregar lo siguiente:

     

    tut_jigloo_2_3.png
     
  • Lo siguiente será añadir otra acción que abra la ventana que acabamos de crear. Entonces tendremos que repetir el proceso anterior, sólo que ahora añadiremos la acción al itemAcercaDe, que está dentro del menú Ayuda. Podremos encontrarlo en la pestaña Outline.

    tut_jigloo_2_4.png
     
  • La llamaremos accionAcercaDe y le asignaremos el texto "Acerca de...". Lo siguiente será añadir el código. Procedemos como antes, pero ahora lo que habrá que añadir será lo siguiente:

     
  • Si ejecutamos la aplicación todo debería funcionar correctamente. Es posible que las ventanas no queden exactamente como aparecen en el editor, por lo que deberemos redimensionar los elementos necesarios. Si hay alguna duda más, mi correo está disponible para preguntas y sugerencias admin [_at_] java-spain [_dot_] com

    tut_jigloo_2_5.pngtut_jigloo_2_6.png

Actualización [04/08/2009]: Podéis descargar el código fuente: MainWindow.java

Tutorial de Jigloo: cómo crear una interfaz con Java y Swing

Hoy voy a postear la entrada más importante que he escrito desde que empecé el blog, un tutorial de Jigloo, un editor de interfaces Java en Swing. Hace unos días escribí un post sobre cómo instalar Jigloo. Este tutorial es tan sólo una introducción, por lo que es recomendable que, una vez completado, intentéis "cacharrear" con el código e investigar las posibilidades que ofrece Swing y éste plugin en particular. Os recomendaría leer la API de Java, pues es la clave para aprender a utilizar bien el lenguaje. Si detectáis algún error postead un comentario o mandadme un email a admin [_at_] java-spain [_dot_] com. Para ampliar las imágenes, simplemente pinchad sobre ellas.

Jigloo, un editor de interfaces Swing para Eclipse

Curioseando por ahí he descubierto Jigloo, un editor WYSIWYG (What You See Is What You Get) para crear interfaces en Java utilizando la biblioteca Swing. También es posible utilizar las ya obsoletas SWT y AWT.

El proceso de instalación es bastante sencillo. Basta con utilizar el gestor de actualizaciones de Eclipse.

Actualización [27/10/2008 - 19:23]: Ahora tenéis disponible un tutorial de Jigloo

Distribuir contenido