LABORATORIO APLICACION J2ME NETBEANS 6.X MOBILITY PACK
Instructor : LEONARDO TORRES ALTEZAPIS : MIDLETTecnologías : CLDC 1.1 , MIDP 2.1Requisitos : Netbeans 6.x Mobility Pack ( KVM inside )Objetivo : Aplicacion para convertir entre dos tipos de moneda.
1 Abrir un proyecto Mobile Application
2 NEXT
3 Escoger Configuración Profile
FINISH
New Visual Midlet
4 Arrastrar un elemento FORM a el área de diseño
5 Crear una unión entre el START POINT y el FORM
Luego
Doble clic en el FORM
6 En esta pantalla de diseño podemos ver visualmente los controles J2ME
7 Seleccione el FORM , vaya a sus propiedades y cambie la propiedad
Instance Name : formTiposCambio
8 Arrastre un TextField dentro del formulario
9 De la misma forma agregue otro
10
Cambie las propiedades de cada control como sigue
El primero:Label :CostoDolar(S/.)Instance Name : txtSolDolarText : 0
El Segundo:Label :CostoEuro(S/.)Instance Name : txtSolEuroText : 0
11
Arrastre un StringItem
12
Modifique las propiedades para darle apariencia de botón:
Label :Text: ACEPTARAppearance : BUTTONInstance Name :btnAceptar
13
Arrastre un Item Command sobre el botón ACEPTAR
( Los elementos command son para definir acciones provocadas por algún elemento del formulario )
14
Cambie las propiedades del elemento item command agregado:
InstanceName: itemCommandAceptar
15
Cambie las propiedades del control btnAceptar para que al lanzar su evento provoque la acción itemCommandAceptar
16
Busque en el código fuente el método listener que se ejecuta al presionar el botón
17
Agregue como miembros de clase :
private double solDolar;private double solEuro;
Dentro del método listener:
this.solDolar = Double.parseDouble(this.txtSolDolar.getString());
this.solEuro = Double.parseDouble(this.txtSolEuro.getString());
18
Agregue el command Exit Command a un area en vacía del form
19
Cambie las propiedades del elemento agregado
instanceName: exitCommand
Action:Exit MiDlet
20
Ejecute la aplicación
Para entrar seleccione el boton central
21
En el diseño del flujo agregue un screen Alert
22
En el diseño del flujo agregue dos formularios , cambiar el instance name :
formDolaresformEuros
Conecte ItemCommandAceptar con alert
23
Clic en el screen Alert , cambie las propiedades de la siguiente forma :
Doble clic en <text not especified> y escriba el mensaje : “datos ingresados correctamente”
Agregue dos ItemCommand ( arrástrelos a un área vacía ) :
Instance Name :itemCommandDolaresLabel: Dolares
Instance Name :itemCommandEurosLabel: Euros
A cada uno asocie una acción de ir hacia el form respectivo modificando la propiedad Action
Ingrese un texto en la parte central del formulario “datos ingresados correctamente”
Para asociar cada itemCommand , clic en la propiedad Action
A cada uno asocie una acción de ir hacia el form respectivo
25
Quedara de esta forma
26
El diseño del flujo quedara de esta forma
27
Clic en el formDolares
Agregue al formulario
un TextField , dos StringItem
( uno de ellos con forma de botón y el otro por defecto )
Modifique las propiedades del TextFieldInstanceName : txtDolaresLabel : monto en dolares
28
Modifique las propiedades del primer StringItem
InstanceName : btnSolesLabel : Convertir Soles
29
Modifique las propiedades del segundo StringItem
InstanceName : lblSolesLabel : Monto Soles
30
Agregue un itemCommand , arrástrelo sobre el StringItem ( Convertir Soles )
Cambie sus propiedades del item Command InstanceName : itemCommandConvertirSoles
Cambie las propiedades del item Command Convertir Soles Default Action : itemCommandConvertirSoles
33
Agregue este código en el método listener para setear el resultado:
this.lblSoles.setText( (Double.parseDouble(this.txtDolares.getString()) * this.solDolar) + "");
34
Agregue un ExitCommand al formulario
Y modifique su propiedad Action : Exit Midlet
35
TAREA
De la misma forma anterior modifique el formulario FORMEUROS
42
Código sugerido en el método listener del FORMEUROS
this.lblSolesPeruanos.setText( (Double.parseDouble(this.txtEuros.getString()) * this.solEuro) + "");
43
Probar la ejecución :