Universidad los ngeles de Chimbote

Facultad de Ingeniera
Escuela Profesional de Ingeniera de Sistemas Asignatura: Programacin isual
US! "E #!S !$%E&!S %#A$E#' %&E(&FIE#" )
%$U&&!*
Una a+licacin sin usar Formulario
A continuacin vamos a desarrollar una aplicacin sencilla que permita calcular el rea del
tringulo dado los valores de la base y la altura. No se utilizar formulario, pero s las
clases del paquete swing para ingresos y salida de datos.
Solucin:
Estando en el entorno de desarrollo Neteans seleccionamos la opcin del men! y
luego la opcin New Proyect.
1
Universidad los ngeles de Chimbote
Facultad de Ingeniera
Escuela Profesional de Ingeniera de Sistemas Asignatura: Programacin isual
Al momento de seleccionar New "royect se visualiza la siguiente ventana#
2
Universidad los ngeles de Chimbote
Facultad de Ingeniera
Escuela Profesional de Ingeniera de Sistemas Asignatura: Programacin isual
$eleccionamos para Categories %ava y para "royects Java Application y luego
damos clic& en el botn de comando Next.
'samos el botn de comando Browse para crear una carpeta denominada
E(ercicios en la unidad E. En Proyect Name colocamos Area)riangulo y en el
cuadro de te*to referido a Create Main Class colocamos ejercicios.AreaTriangulo,
lo cual permitir crear un paquete denominado ejercicios y como primera clase
Area)riangulo, es decir, se crea el arc+ivo Area)riangulo.(ava que pertenecer al
paquete ejercicios.
3
Universidad los ngeles de Chimbote
Facultad de Ingeniera
Escuela Profesional de Ingeniera de Sistemas Asignatura: Programacin isual
$abemos que en %ava una clase tiene com!nmente al m,todo -ain que es el
m,todo que se e(ecuta cuando se aplica Run a la aplicacin construida. En el
entorno de Neteans, una clase creada, crea un m,todo que tiene el mismo
nombre de la clase a la que se denomina mtodo constructor y toda programacin
+ec+a en ,ste m,todo se e(ecutar primero antes que el m,todo main. Neteans
generar un paquete ."ac&age/ denominado e(ercicios y dentro de ella se mostrar
la clase de acceso p!blico AreaTriangulo. El entorno de desarrollo de Neteans
despu,s de dar clic& en el botn Finish queda as#
4
Universidad los ngeles de Chimbote
Facultad de Ingeniera
Escuela Profesional de Ingeniera de Sistemas Asignatura: Programacin isual
Agregamos al cdigo de la programacin generada, por deba(o del pac&age
e(ercicios, lo siguiente#
import (ava.io.01
import (ava*.swing.01
El paquete (ava*.swing.01 permitir poder crear ingresos y salida de datos a trav,s
de ca(as de mensa(e.
Agregamos al cdigo en el m,todo -ain de la clase Area)riangulo como se
aprecia a continuacin .lo escrito en azul/.
package ejercicios;
import java.io.*;
import javax.swing.*;
/**
*
* @author Administrador
*/
public class AreaTriangulo {
5
Universidad los ngeles de Chimbote
Facultad de Ingeniera
Escuela Profesional de Ingeniera de Sistemas Asignatura: Programacin isual
/**
* @param args the command line arguments
*/
public static void main!tring"# args$ throws %&'xception
{
int base( altura;
double area;
base)%nteger.parse%nt*&ption+ane.show%nput,ialognull(-%ngrese la base. -$$;
altura)%nteger.parse%nt*&ption+ane.show%nput,ialognull(-%ngrese la altura-$$;
area)base*altura//;
*&ption+ane.show0essage,ialognull(-'l area del triangulo es. -1area$;
2
2
En el m,todo main observamos que para leer el dato para la variable base
utilizamos el m,todo showInputDialog de la clase Jption!ane que a su vez
pertenece al paquete swing" que mostrar un ca(a de mensa(e para la lectura de
datos. 2e igual manera se traba(ar para leer el dato de altura.
)ambi,n se observa el m,todo s+ow-essage2ialog de la clase %3ption"ane que
permite mostrar en una ca(a de mensa(e el resultado del clculo del rea.
$eleccionamos Area)riangulo en el entorno de desarrollo de Neteans y luego
damos clic& botn derec+o del mouse. $e visualiza un men! flotante, se elige la
opcin Run File y se proceder a e(ecutar el programa.
#
Universidad los ngeles de Chimbote
Facultad de Ingeniera
Escuela Profesional de Ingeniera de Sistemas Asignatura: Programacin isual
4uando la aplicacin es e(ecutada se visualizar la siguiente ventana#
Nos pide el ingreso del valor de la base y luego de dar clic& en el botn de
comando Aceptar se mostrar la siguiente ventana#
"osteriormente se mostrar la ventana del resultado del clculo del rea.
!b,eto de control %#abel
'n ob(eto de control %label permite dibu(ar en el formulario una etiqueta, entendi,ndose
como etiqueta una e*presin esttica que se quiere colocar. )ambi,n es usado para
mostrar los resultados de un proceso.
Pro+iedades m-s usadas:
)e*t# 4ontiene el valor que se visualizar en el formulario.
5ont# "ermite establecer el tipo de letra de la e*presin a mostrar en el formulario.
order# "ara establecer el tipo de borde de la etiqueta.
Enabled# "ara +abilitar o in+abilitar el uso del ob(eto de control.
$
Universidad los ngeles de Chimbote
Facultad de Ingeniera
Escuela Profesional de Ingeniera de Sistemas Asignatura: Programacin isual
!b,eto de control %&e.tField
'n ob(eto de control %)e*t5ield permite dibu(ar en el formulario un cuadro de te*to, es
decir, una ca(a que permite la introduccin de un dato o valor. Este ob(eto es utilizado para
el ingreso de datos.
Pro+iedades m-s usadas:
)e*t# 4ontiene el valor o dato introducido en el cuadro de te*to.
5ont# "ermite establecer el tipo de letra del te*to en la ca(a.
order# "ara establecer el tipo de borde del cuadro de te*to.
Enabled# "ara +abilitar o in+abilitar el uso del ob(eto de control.
/0todos m-s usados:
get)e*t./# "ermite obtener el te*to introducido en el cuadro de te*to.
set)e*t./# "ermite colocar un te*to en el ob(eto %)e*t5ield.
request5ocus./# permite asignar el cursor al ob(eto de control
!b,eto de control %$utton
'n ob(eto de control %utton permite dibu(ar en el formulario un ob(eto que contiene un
proceso a e(ecutar. $e utiliza com!nmente para llevar a cabo procesos especficos seg!n
la naturaleza de la aplicacin.
Pro+iedades m-s usadas:
)e*t# 4ontiene el valor o dato introducido en el cuadro de te*to.
5ont# "ermite establecer el tipo de letra del te*to en la ca(a.
Enabled# "ara +abilitar o in+abilitar el uso del ob(eto de control.
Evento m-s usado:
Action"erformed# Este evento se lleva a cabo cuando el usuario da clic& sobre el
ob(eto de control %utton.
%
Universidad los ngeles de Chimbote
Facultad de Ingeniera
Escuela Profesional de Ingeniera de Sistemas Asignatura: Programacin isual
Una a+licacin usando los ob,etos de control
A+ora procedamos a desarrollar la misma aplicacin usando como interfase un formulario
y los ob(etos de control antes mencionado.
Solucin:
$eleccionamos el paquete e(ercicios y damos clic& botn derec+o del mouse y
eligimos la opcin New y posteriormente JframeForm.
$e muestra la ventana New JFrame Form y colocamos en 4lass Name el nombre
del formulario# frmArea&riangulo.
&
Universidad los ngeles de Chimbote
Facultad de Ingeniera
Escuela Profesional de Ingeniera de Sistemas Asignatura: Programacin isual
En esta ventana se observa que la clase denominada frmAreariangulo generar
un arc+ivo de e*tensin .(ava denominado 'rmAreaTriangulo que se almacenar
dentro de la carpeta ejercicios y pertenecer al paquete e(ercicios.
Al momento de dar clic& en el botn de comando Finish se visualizar el entorno
de desarrollo Neteans y al lado derec+o se muestra la paleta de los ob(etos de
control .$wing 4ontrols/.
1(
Universidad los ngeles de Chimbote
Facultad de Ingeniera
Escuela Profesional de Ingeniera de Sistemas Asignatura: Programacin isual
$obre el dise6o del formulario damos clic& botn derec+o y seleccionamos !et
"ayout y posteriormente A#solute"ayout.
11
Universidad los ngeles de Chimbote
Facultad de Ingeniera
Escuela Profesional de Ingeniera de Sistemas Asignatura: Programacin isual
Es necesario usar Absolute7ayout para que permita dibu(ar los ob(etos de control
en el lugar donde uno quiere en el formulario.
A+ora procedamos a colocar un ob(eto %label seleccionando de la paleta $wing
4ontrols 7abel y lo arrastramos +acia el dise6o del formulario.
4ontinuamos el dise6o del formulario, quedando ,ste de la siguiente manera#
12
Universidad los ngeles de Chimbote
Facultad de Ingeniera
Escuela Profesional de Ingeniera de Sistemas Asignatura: Programacin isual
A+ora procedamos a usar a cambiar los valores de las propiedades de los ob(etos
de control en la ventana de propiedades#
3b(eto de 4ontrol "ropiedad 8alor de la "ropiedad
%7abel9 )e*t A$E#
%7abel: )e*t A7)';A#
%7abel< )e*t El rea del )ringulo es#
%)e*t5ield9 )e*t )*ac+o o limpiar,
%)e*t5ield: )e*t )*ac+o o limpiar,
%)e*t5ield< )e*t )*ac+o o limpiar,
%utton9 )e*t 4A74'7A;
%utton: )e*t 7=-"=A;
%utton< )e*t 4E;;A;
7uego de aplicar los cambios en los valores de propiedades el dise6o del formulario
debe quedar de la siguiente manera#
Es necesario darle un nombre propio a los ob(etos de control y sobretodo a
aquellos que intervienen en la lgica de la programacin. $eleccionamos el ob(eto
de control %)e*t5ield9 y damos clic& con el botn derec+o del mouse y se
visualizar un men! flotante y seleccionamos Change $aria#le Name.
13
Universidad los ngeles de Chimbote
Facultad de Ingeniera
Escuela Profesional de Ingeniera de Sistemas Asignatura: Programacin isual
4olocamos como nombre al ob(eto %te*t5ield9# t.t$ase
4ontinuamos con los ob(etos de control siguientes#
3b(eto de 4ontrol Nombre
%)e*t5ield: t*tAltura
%)e*t5ield< t*tArea
14
Universidad los ngeles de Chimbote
Facultad de Ingeniera
Escuela Profesional de Ingeniera de Sistemas Asignatura: Programacin isual
%utton9 btn4alcular
%utton: btn7impiar
%utton< btn4errar
A+ora procedamos a programar en los botones de comando.
En el botn 4A74'7A; .btn4alcular/ al darle doble clic& y escribir el siguiente
cdigo# .lo escrito en azul/
private void btn3alcularAction+er4ormedjava.awt.event.Action'vent evt$
{
int base( altura;
double area;
base)%nteger.parse%nttxt5ase.getText$$;
altura)%nteger.parse%nttxtAltura.getText$$;
area)base*altura//;
txtArea.setText!tring.value&4area$$;
2
'na vez declaradas las variables de memoria, a la variable base se le asigna el
valor introducido en el cuadro de te*to t.t$ase1 El m,todo getext%& permite
obtener el dato introducido y con el m,todo parse'nt de la clase =nteger es
convertido a num,rico entero. $e +ace lo mismo para la variable altura. "ara
mostrar el clculo de rea se utiliza el m,todo set)e*t del cuadro de te*to t*tArea
que permite visualizar el contenido de la variable area1 A la variable se le aplica el
m,todo value3f de la clase $tring para convertir el dato rea en cadena de
caracteres.
En el botn 7=-"=A; .btn7impiar/ luego de darle doble clic& escribimos el siguiente
cdigo# .lo escrito en azul/
private void btn6impiarAction+er4ormedjava.awt.event.Action'vent evt$
{
txt5ase.setText--$;
txtAltura.setText--$;
txtArea.setText--$;
txt5ase.re7uest8ocus$;
2
$e limpian los cuadros de te*tos a trav,s del m,todo set)e*t./ y con el m,todo
15
Universidad los ngeles de Chimbote
Facultad de Ingeniera
Escuela Profesional de Ingeniera de Sistemas Asignatura: Programacin isual
request5ocus./ se pasa el cursor al ob(eto de control t*tArea.
En el botn 4E;;A; .btn4errar/ luego de darle doble clic&, escribimos el siguiente
cdigo# .lo escrito en azul/
private void btn3errarAction+er4ormedjava.awt.event.Action'vent evt$
{
dispose$;
2
El m,todo (ispose%& permite descargar el formulario y terminar la e(ecucin de la
aplicacin.
"rocedemos a e(ecutar la aplicacin seleccionado frmArea)riangulo y al dar clic
botn derec+o eligimos Run File.
$e muestra el formulario dise6ado en etapa de e(ecucin.
1#
Universidad los ngeles de Chimbote
Facultad de Ingeniera
Escuela Profesional de Ingeniera de Sistemas Asignatura: Programacin isual
"odemos observar que el formulario sale con los ob(etos de control cercano a los
bordes del formulario y el mismo formulario se visualiza pegado en la parte superior
izquierda de la pantalla del computador. 8amos a proceder a corregir estos
defectos agregando dos lneas de cdigo en el m,todo constructor de la clase
frmArea)riangulo. .escribe lo que est en azul/
public class 4rmAreaTriangulo extends javax.swing.*8rame
{
/** 3reates new 4orm 4rmAreaTriangulo */
public 4rmAreaTriangulo$
{
init3omponents$;
set!i9e:;;(/<;$;
set6ocation/<;(/<;$;
2
El m,todo set$ize./ permite establecer el tama6o del formulario y el m,todo
set7ocation./ permite ubicar el formulario dentro de la pantalla. 7os m,todos antes
mencionados pertenecen al formulario frmArea)riabgulo. 3tros m,todos del
formulario se vern ms adelante.
"rocedemos nuevamente a e(ecutar el formulario frmArea)riangulo y se mostrar
de la siguiente manera#
1$
Universidad los ngeles de Chimbote
Facultad de Ingeniera
Escuela Profesional de Ingeniera de Sistemas Asignatura: Programacin isual
En el siguiente tema conoceremos ms ob(etos de control y seguiremos traba(ando con lo
aprendido en esta sesin o tema.
1%