Scribd
Cargar
137 vistas

GUI Con Java Swing (Recuperado)

Este documento proporciona una guía para crear interfaces gráficas con Java Swing. Explica cómo crear un proyecto Java con Netbeans, agregar componentes como botones y cajas de texto arrastrándolos al diseño, y programar la funcionalidad de un botón para mostrar un mensaje en la caja de texto al hacer clic.

Cargado por

johann leonardo latorre jaimes
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
137 vistas

GUI Con Java Swing (Recuperado)

Este documento proporciona una guía para crear interfaces gráficas con Java Swing. Explica cómo crear un proyecto Java con Netbeans, agregar componentes como botones y cajas de texto arrastrándolos al diseño, y programar la funcionalidad de un botón para mostrar un mensaje en la caja de texto al hacer clic.

Cargado por

johann leonardo latorre jaimes
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 6

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

También podría gustarte