Crear calculadora básica en AppInventor
1. Se debe descomprimir el archivo AI2U-portable-v4.6 de 64bits o 32 bits según la
arquitectura de su equipo, en disco local C: o en su lugar de preferencia
2. Cuando termine de descomprimir le genera una carpeta llamada AI2U4664 hacer doble
clic sobre esta carpeta
3. Hacer doble clic en AI2U.exe
Hacer clic en AII AI2U Server para
iniciar los servicios de AppInventor si
sale algún tipo de mensaje o ventana
hacer clic en PERMITIR
4. Para crear un nuevo proyecto abrimos google Chrome y en la barra de direcciones
digitamos localhost:8888
Ingresar un correo y hacer clic en “Log In”
5. Para crear un nuevo proyecto hacer clic en “Start new Project” Ingresar el nombre del
proyecto “calculadora” y presionar el botón OK
6.
7. En la parte Izquierda están todos los componentes que podemos utilizar para crear la
aplicación de una calculadora, se selecciona y arrastra en el panel del centro
8. Para los botones de sumar, restar, multiplicar y dividir se utiliza un
“HorizontalArrangement” en la sección de Layouts del panel Izquierdo y arrastramos los
botones del HorizontalArrangement
9. Para cambiar el texto en la parte derecha de su pantalla esta las propiedades de cada uno
de los componentes utilizados
10.
Para empezar, cambiar el nombre del identificador de cada uno de los componentes tanto
de los botones como de las cajas de texto, seleccionando el componente y presionando el
botono rename o renombrar
Debe quedar así
11. Ahora cambiaremos el texto de los botones y algunas propiedades como el ancho de cada
botón en el panel de la derecha propiedades
El resultado debe quedar así
Por ultimo agregar una etiqueta (Label) para el resultado
12. Para realizar la parte lógica de la aplicación hacer clic en “Bloks”
13. Hacer la función suma: Hacer clic en el botón suma del panel de bloques del lado
izquierdo
Repetir el proceso con num2
14. Para ejecutar el emulador de AppInventor y probar lo realizado en los pasos anteriores
15. Repetir el paso 13 para los botones Restar, Multiplicar, Dividir