PDF de programación - Interfaces de usuario con Netbeans

Imágen de pdf Interfaces de usuario con Netbeans

Interfaces de usuario con Netbeansgráfica de visualizaciones

Publicado el 1 de Agosto del 2019
228 visualizaciones desde el 1 de Agosto del 2019
293,1 KB
14 paginas
Creado hace 9a (15/02/2011)
Interfaces de usuario con

Netbeans
Netbeans

Pedro Corcuera

Dpto. Matemática Aplicada y
Ciencias de la Computación
Universidad de Cantabria

corcuerp@unican.es

Objetivos

• Desarrollar programas con interfaces de usuario

utilizando el generador de NetBeans

Java

2

Índice

• Netbeans
• Ejemplo de aplicación GUI con NetBeans

Java

3

Interfaces de usuario (GUI) con NetBeans

• NetBeans permite el desarrollo de GUIs con
componentes AWT y Swing de forma gráfica

• Dispone de un Inspector de componentes que

permite visualizar el árbol de componentes y las
propiedades de los mismos
propiedades de los mismos

• La forma de trabajo es mediante drag & drop de los
componentes y facilita el alineamiento y posicionado
de componentes

• Permite configurar las propiedades de cada
componente y asignar gestores de eventos

Java

4

Ejemplo: conversor de grados Celsius a

Fahrenheit

– Lanzar NetBeans y seleccionar File:New Project

– Seleccionar en Categories General y en Projects Java

Application. Pulsar Next

– En el Project Name ingresar ConversorProy y seleccionar

una ubicación para el proyecto. Deseleccionar la opción
una ubicación para el proyecto. Deseleccionar la opción
″Create Main Class″. Pulsar Finish

– Pulsar el botón derecho sobre el nombre del proyecto y

seleccionar New:JFrame Form

– En el campo ClassName del diálogo Escribir

ConversorGUI y pulsar Finish

Java

5

Ejemplo: conversor de grados Celsius a

Fahrenheit

Java

6

IDE de NetBeans

• Los elementos principales de la IDE de NetBeans

son:
– Palette

• Contiene todos los compoentes Swing y AWT

– El área Design
– El área Design

• donde se va a construir visualmente la GUI. Tiene dos vistas:

source y design.

– Editor Property

• Permite editar las propiedades de cada componente

– El Inspector

• es una visión gráfica de los componentes de la aplicación

Java

7

Ejemplo: conversor de grados Celsius a

Fahrenheit

– En la ventana Inspector seleccionar con un click JFrame

– En el campo title de la ventana Properties escribir

Conversor Celsius

– Arrastrar un JTextField desde la paleta a la esquina

superior izquierda del área Design
superior izquierda del área Design

– Arrastrar un JLabel a la derecha del JTextField (alinear)

– Arrastrar un JButton desde la paleta a la izquierda y

debajo de JTextField (alinear)

– Arrastrar un JLabel a la derecha del JButton (alinear)

Java

8

Ejemplo: conversor de grados Celsius a

Fahrenheit

Java

9

Ejemplo: conversor de grados Celsius a

Fahrenheit

– Haciendo doble click sobre cada componente se puede

modificar el texto que por defecto coloca el IDE. En el
JTextField borrar el texto (se encoge). En JButton escribir
Convertir. La JLabel superior poner Celsius y la de abajo
Fahrenheit
Fahrenheit

– Hacer shift-click en los componentes JTextField y JButton

para seleccionarlos y hacer right-click Same Size:Same
Width

– Agarrar la esquina inferior derecha de JFrame y ajustar su

tamaño para eliminar espacio en blanco

– Cambiar a la pestaña Source para visualizar el código

Java

10

Ejemplo: conversor de grados Celsius a

Fahrenheit

Java

11

Ejemplo: conversor de grados Celsius a

Fahrenheit

– Para cambiar los nombres de las variables de cada

componente en la ventana Inspector se hace right-click en
cada componente y se selecciona “Change variable
name”. Las nuevas variables son: tempTextField,
celsiusLabel, convertButton y fahrenheitLabel
celsiusLabel, convertButton y fahrenheitLabel

– En el área de diseño hacer click en el botón, después

hacer right-click y seleccionar
Events:Action:ActionPerformed

Java

12

Ejemplo: conversor de grados Celsius a

Fahrenheit

– Agregar el siguiente código en el método

convertButtonActionPerformed que aparece

//Parse los grados Celsius como double y convierte a Fahrenheit
//Parse los grados Celsius como double y convierte a Fahrenheit

int tempFahr = (int)((Double.parseDouble(tempTextField.getText()))
int tempFahr = (int)((Double.parseDouble(tempTextField.getText()))

* 1.8 + 32);
* 1.8 + 32);

fahrenheitLabel.setText(tempFahr + " Fahrenheit");
fahrenheitLabel.setText(tempFahr + " Fahrenheit");

Java

13

Ejemplo: conversor de grados Celsius a

Fahrenheit

– Ejecutar la aplicación seleccionando el icono Run Main

Project. Aparecerá la primera un diálogo preguntando si
se quiere hacer ConversorGUI la clase main. Pulsar OK

Java

14
  • Links de descarga
http://lwp-l.com/pdf16400

Comentarios de: Interfaces de usuario con Netbeans (0)


No hay comentarios
 

Comentar...

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad