9

Click here to load reader

Interfaces gráficas con ide netbeans guia 1

Embed Size (px)

DESCRIPTION

Guia basica Netbeans

Citation preview

Page 1: Interfaces gráficas con ide netbeans guia 1

México D. F. a Jueves, 09 de agosto de 2012

Creación de Interfaces gráficas con Java IDE Netbeans

Autor: Pablo Galeana BaileyEmail: [email protected]

Objetivos:

Las prácticas están orientadas al conocimiento del lenguaje de ProgramaciónJava usando el entorno de desarrollo NetBeans, especialmente en eltratamiento de objetos de controles, aplicando correctamente las propiedades,métodos y eventos bajo un esquema de trabajo ordenado y colaborativo 100%prácticos.Les invito a participar activamente en las diferentes actividades de los próximostutoriales y espero satisfacer sus expectativas respondiendo oportunamente asus preguntas e inquietudes enviadas a mi cuenta de correo.Queda fuera de alcance de los tutoriales explicar que son cada unos de losobjetos y donde ubicarlos dentro del IDE, ya que está pensado en personascon conocimientos básicos en estos temas y desean profundizar en cuestionesútiles y prácticas.

Comentarios:

Para realizar mi interfaz gráfica utilicé una herramienta muy útil que te genera elcódigo automáticamente. Netbeans actualmente está en la versión 7.1 y usted podráutilizar la versión que mejor le agrade.El software y logotipos acá presentados son propiedad de sus respectivas marcas

Page 2: Interfaces gráficas con ide netbeans guia 1

Practica 1: Programar una aplicación grafica en Java que al recibir como datos elradio y la altura de un cilindro, calcule e imprima el área y volumen.

Consideraciones: Volumen = ∗ adio^2*altura Área= 2 ∗ ∗ adio*altura

1.- Insertar un JFrame y agregar los siguientes objetos y nombrarlos tal como sevisualizan en la imagen del inspector de objetos.

La interfaz grafica deberá tener la siguiente apariencia

2.- A continuación programamos el botón Calcular para realizar la operación: Dar clicderecho sobre el botón seleccionar Eventos/Action/actionperformed, como en laimagen

Page 3: Interfaces gráficas con ide netbeans guia 1

Dentro del editor del evento agregar el siguiente código:

Explicación:

De la línea de código 107 y 108 declaramos las variablesDe la línea de código 197 y 110 asignamos los valores introducidos en los cuadros detexto a las variablesDe la línea de código 112 y 113 realizamos las operaciones de cálculo y asignamoslos resultados a las variables volumen y áreaDe la línea de código 114 creamos un objeto de la clase “DecimalFormat” y lanombramos “df”, para redondear a dos decimales el resultado de la operación almomento de imprimir el resultado. Es importante realizar la importación de esta clasepara evitar erroresDe la línea de código 115 y 116 imprime los resultados de las variables

A continuación programamos el botón Reiniciar para limpiar los objetos: Dar clicderecho sobre el botón seleccionar Eventos/Action/actionperformed, como en laimagen

Dentro del editor del evento agregar el siguiente código:

Explicación:

De la línea de código 125 y 126 borramos el contenido de los camposDe la línea de código 127 y 128 borramos el contenido de los campos y colocamos lostextos Volumen y Área respectivamenteDe la línea de código 129 posicionamos el puntero en el campo que recibe el valor delradio para que esté listo en recibir datos

Page 4: Interfaces gráficas con ide netbeans guia 1

3.- Comentarios adicionales:

El método getText() permite obtener el dato introducido y con el métodoparseFloat de la clase Float es convertido a numérico flotante. Se hace lomismo para la variable altura. Para mostrar el cálculo de área y volumen seutiliza el método setText del cuadro de texto “jTRadio” y “jTAltura” quepermite visualizar el contenido de la variable area y volumen. A las variablesse les aplica el método valueOf de la clase String para convertir el dato área yvolumen en cadena de caracteres y se utiliza el objeto “df” antes descrito pararedondear decimales.

4.- Ingresar al modulo Fuente para agregar las líneas de código 10 al 13, es paracentrar la pantalla de nuestra interfaz grafica.

5.- Prueba del funcionamiento de la interfaz:

Page 5: Interfaces gráficas con ide netbeans guia 1

Problema 2: Programar una aplicación grafica en Java que al recibir como datos lostres lados de un triangulo, calcule e imprima su área aplicando la siguiente fórmula:Área= ∗ ( − 1) ∗ ( − 2) ∗ ( − 3)Aux= (lado1+ lado2+ lado3)/2

1.- Insertar un JFrame y agregar los siguientes objetos y nombrarlos tal como sevisualizan en la imagen del inspector de objetos.

La interfaz grafica deberá tener la siguiente apariencia

2.- A continuación programamos el botón Calcular para realizar la operación: Dar clicderecho sobre el botón seleccionar Eventos/Action/actionperformed, como en laimagen

Page 6: Interfaces gráficas con ide netbeans guia 1

Dentro del editor del evento agregar el siguiente código:

A continuación programamos el botón Reiniciar para limpiar los objetos: Dar clicderecho sobre el botón seleccionar Eventos/Action/actionperformed, como en laimagen

Dentro del editor del evento agregar el siguiente código:

4.- Ingresar al modulo Fuente para agregar las líneas de código 9 al 12, es paracentrar la pantalla de nuestra interfaz grafica.

Page 7: Interfaces gráficas con ide netbeans guia 1

4.- Prueba del funcionamiento de la interfaz:

Practica 3.- Programar una aplicación grafica en Java que al recibir como datos lascoordenadas de los puntos punto1, punto2 y punto3 que corresponden a los vérticesde un triangulo, calcule su perímetro

Datos: puntox1, puntox2, puntox3, puntoy1, puntoy2 y puntoy3

Consideraciones:

Para calcular la distancia de dos puntos dados punto1 y punto2 aplicar la siguientefórmula: = ( 1 − 2). + ( 1 − 2). , considere los tres casosposibles.

1.- Insertar un JFrame y agregar los siguientes objetos y nombrarlos tal como sevisualizan en la imagen del inspector de objetos.

Page 8: Interfaces gráficas con ide netbeans guia 1

La interfaz grafica deberá tener la siguiente apariencia

2.- A continuación programamos el botón Calcular para realizar la operación: Dar clicderecho sobre el botón seleccionar Eventos/Action/actionperformed, como en laimagen

A continuación programamos el botón Reiniciar para limpiar los objetos: Dar clicderecho sobre el botón seleccionar Eventos/Action/actionperformed, como en laimagen

Recuerde ingresar el código para centrar la interfaz grafica como en los dos ejemplosanteriores.

Page 9: Interfaces gráficas con ide netbeans guia 1

3.- Prueba del funcionamiento de la interfaz: