GUÍA DE CREACIÓN DE INTERFACES GRÁFICAS CON JAVA SWING
1) Cree un proyecto Java Application en Netbeans con el nombre HelloJavaSwing
2) Una vez creado, hacer clic derecho sobre el proyecto y seleccionar Nuevo->JFrame Form.
La clase JFrame es la ventana principal de la aplicación. Coloque HelloWorld como nombre de
la clase, y co.edu.ufps.poo como paquete.
Cuando el IDE termine de cargar, en el panel central se mostrará un vista gráfica, en tiempo de
diseño, de la clase HelloWorld. En este espacio es que se llevará a cabo el diseño de la interfaz
gráfica por medio de arrastrar y soltar los diferentes componentes Java Swing.
Para efectos de esta guía, se desarrollará una interfaz gráfica que presente un botón y una caja
de texto, y que al hacer clic sobre el botón se muestre el letrero “Hola Mundo” en la caja de
texto.
3) Ubique, haga clic y arrastre el componente Button ubicado sobre el lado derecho en la
sección Swing Controls, y suéltelo sobre el panel central.
Haga lo mismo con el componente TextField ubicado abajo a la derecha del componente
Button.
Una vez dentro del JFrame, se podrá modificar su tamaño, posición y alineación.
Adicionalmente podrá consultar las propiedades de cada componente, seleccionándolo y
activando la pestaña Properties (Propiedades) ubicado en el borde derecho del IDE.
Seleccione el botón que soltó en el JFrame y despliegue sus propiedades.
Haciendo uso de las propiedades, cambie el texto del botón a “Saludar” y el texto de la caja de
texto déjelo en blanco.
Para mejorar el aspecto de la pantalla, agregue un título (Label) y un separador (Separator). La
nueva pantalla debería quedar así:
En la parte superior de la ventana de diseño se encuentran dos opciones: Source (Código) y
Design (Diseño). En la pestaña Source se mostrará el código fuente de la interfaz gráfica que
se está diseñando. En la pestaña Design se mostrará la clase en forma gráfica para su diseño.
A continuación se debe cambiar el nombre de los componentes. Actualmente se cuenta con
dos componentes, un botón y una caja de texto. Los nombres de estos componentes (Variable
Name) son JButton1 y un JTextField1. La idea de cambiarles los nombres es que sean
fácilmente identificables más adelante en el programa. Considere tener una pantalla con diez
(10) cajas de texto, luego no sabría a qué caja de texto se estará refiriendo.
4) Cambie el nombre de los componentes. El botón llámelo btnSaludar y la caja de texto
txtSaludo.
A continuación, se debe realizar la programación del botón btnSaludar.
5) Haga doble clic sobre el botón btnSaludar para abrir la clase en modo Source (Código). La
clase se abrirá en el método
Dentro de este método es donde se llevará a cabo la programación del botón cuando sea
cliqueado.
Modifique este bloque tal y como se presenta a continuación:
Dele guardar, y a continuación haga clic derecho sobre la clase y luego clic en Run File.
En la ventana que se abra, haga clic sobre el botón Saludar para que observe el letrero que se
mostrará en la caja de texto.
Ahora, siéntase libre de realizar cambios sobre la interfaz y diseñe sus propias interfaces.
Elaborado por: M.Sc. Boris Pérez
Fecha: 29 de abril de 2013
Referencia: http://docs.oracle.com/javase/tutorial/uiswing/index.html
