Tercera parte de la aplicacin

Paso 7.
En este documento realizaremos la parte de la suma de dos nmeros con comando de
voz.
a. Ahora demos click en el botn Designer para regresar el editor e integrar
nuevos componentes. Vease parte superior derecha de la Figura 8.
b. Ubica en la seccin de Palette el apartado de User Interface y da click. Figura
15

Figura 15

c. Agregaremos un Button. Pueden modificar y disear este botn a su gusto

usando la seccin de Properties una vez que seleccionaron su botn. Figura 16
d. Generaremos cuatro TextBox y en sus propiedades les sugiero que configuren
el tamao de cada caja de texto de 50 pixeles x 50 pixeles (Width x Height).
Figura 17
e. As mismo dos Label. Una de estas etiquetas es para la leyenda Suma de dos
nmeros y la otra es para la leyenda Resultado =. (parte 9 y 11
respectivamente, Figura 1)

Figura 16

f.

Figura 17

Selecciona Layout en la seccin de Palette, esto nos permitir agregar unos

elementos para dar una presentacin y orden a los elementos visibles de
nuestra aplicacin. Figura 18.

TextBox 1,2 y3

TextBox 4

Figura 18
g. Arrastramos un elemento TableArrangement a nuestra aplicacin.
h. Con nuestro elemento TableArrangement seleccionado configuraremos sus
propiedades para establecer una tabla con res columnas y un rengln. Figura
19.
i. Ahora se debern colocar tres de los cuatro TextBox es esta tabla, vase Figura
18.

j.

Repetimos los puntos g y h para generar una segunda tabla solo que esta
tendr dos columnas y un rengln. Figura 20

Figura 19

Figura 20

k. En la segunda tabla se colocarn la etiqueta Label con la leyenda de

Resultado= y el TextBox4. Como lo muestra la Figura 18.
l. Las separaciones que se indican en los indicadores 2, 4, 6 y 10 de la Figura 1 se
pueden insertar con el elemento HorizontalArrangenment de Layout. Solo
arrastre este elemento cada que quiera una separacin y configure su tamao
como se muestra en la Figura 21.

Figura 21
m. Una vez se tenga una interfaz ordenada con la ubicacin y caractersticas de
los elementos visibles de nuestra aplicacin se puede ir visualizando en
nuestro dispositivo mvil.
n. Para terminar de agregar los elementos que integraran nuestra aplicacin
debemos arrastrar de la seccin de Media en la Palette dos SpeechRecognizer
y dos TextToSpeech hacia el visor de nuestra aplicacin. Quedando integrados
como se muestra en la parte inferior de la Figura 18
o. Regresamos a la ventana de Bloques dando click en el botn Blocks. Vease
punto 5 de la Figura 6.

p. Observe en la Figura 22 que aparece en la seccin de Blocks los nuevos

elementos que se acaban de ingresar, seleccionando cada uno de ellos con un
click se extendern las funciones para cada elemento.
q. Siguiendo el orden de los bloques de cdigo mostrado en la Figura 22 copie las
mismas funciones en su aplicacin.

Figura 22

r.

Repite las acciones u, v, as mismo la w del paso 5 para actualizar tu aplicacin

en el dispositivo mvil.
s. Prueba su aplicacin ahora adems de realizar las acciones de la primera y
segunda parte de este tutorial deber realizar la suma de dos nmeros que
deber de pedirle uno por uno con comandos de voz y as mismo Ud., se los
proporcionar con voz y al final le proporcionar el resultado de la suma.
Paso 8
Una vez que quede satisfecho con su aplicacin podr generarla y descargarla
permanentemente a su dispositivo dando los siguientes pasos:
a. En la barra de mens seleccione <Build> - < App (provide QR code for
.apk)

b. Al terminar la compilacin se generar un cdigo QR con el que

descargarn su aplicacin en su dispositivo mvil. Figura 23.

Figura 23
Listo nuestra aplicacin esta completa y luce de la siguiente manera:

Figura 24. Foto real de la aplicacin