Una guía rápida para desarrollar aplicaciones de Android con Google App Inventor

Desde la primera vez que recibí mi Droid, he tenido mucha curiosidad acerca de cómo las personas producen algunas de esas aplicaciones increíbles dentro y fuera del mercado Android. Soy un programador, pero no soy un pirata informático dotado de ningún tipo de imaginación. He dominado Visual Basic y Coldfusion, pero cuando se trata de escribir una aplicación desde cero que funcionaría en un dispositivo móvil, estaba seguro de que era bien más allá del alcance de mis habilidades.

Cuando se trata del desarrollo de aplicaciones móviles Una guía rápida para desarrollar aplicaciones de Android con Google App Inventor Una guía rápida para desarrollar aplicaciones de Android con Google App Inventor Lea más en particular, lo más cercano que hemos llegado a MUO es el artículo de Beth sobre cómo desarrollar una Aplicación de iPhone Cómo desarrollar una aplicación de iPhone simple y enviarla a iTunes Cómo desarrollar una aplicación de iPhone simple y enviarla a iTunes Leer más. Incluso con el enfoque de iPhone, necesitas aprender Objective-C. En otras palabras, tienes que aprender a convertirte en un programador. Bueno, para aquellos de ustedes que aprecian la programación visual como yo, estaremos muy contentos de saber que Android ha hecho posible que cualquiera con la experiencia de programación más básica cree su propio Android de alta calidad y funcionalidad. aplicaciones ¿El arma secreta para desarrollar aplicaciones de Android? Se llama el [NO HAY TRABAJOS] Google App Inventor y se ofrece en Google Labs.

Configuración de Google App Inventor

La aplicación Inventor consta de tres partes. Está la herramienta de diseño, el editor de bloques y finalmente la configuración de su teléfono..

Lo primero que tienes que hacer es configurar tu teléfono. Entrar en Ajustes -> Aplicaciones y asegúrate de que “Fuentes desconocidas” esta seleccionado Esto permite que Blocks Editor se instale y se comunique con su teléfono para realizar pruebas..

Luego, haga clic en “Desarrollo” y asegúrese de que ha habilitado tanto “Depuración USB” y “Mantente despierto.”

Adivina qué - eso es todos Tienes que hacer para configurar tu teléfono para que funcione con las herramientas de programación..

Cuando te registres por primera vez para usar App Inventor, necesitarás instalar Block Editor como uno de los pasos. Esta es una aplicación Java que se instala en su computadora y le brinda la capacidad de modificar el comportamiento de “bloques” que ha creado en el modo de diseño y se comunica directamente con su teléfono.

Una vez que te hayas registrado y estés en la herramienta de diseño, simplemente selecciona “Nuevo” y nombra tu primer proyecto. En este ejemplo, voy a comenzar un juego de juego para mis hijos en el que necesitan hacer coincidir las imágenes de los gatos en una cuadrícula de 3 x 4.

La herramienta de diseño está configurada como Visual Basic y Visual C ++, donde los objetos que puede usar están a la izquierda y el área de diseño, o “formar” esta en el centro En este caso, el formulario es la pantalla individual y puede tener varias pantallas por aplicación (solo recuerde incluir la navegación).

Una vez que haga clic y arrastre un componente a la pantalla, aparecerá en el lado derecho de la aplicación de diseño debajo de Componentes. Debajo “Propiedades” Puede ver y modificar las propiedades de visualización iniciales de ese componente..

Ahora debajo, básicamente he creado una pantalla con una tabla de 3 × 4 (puede encontrar esto en “Arreglo de pantalla“) y luego agregué 12 botones con imágenes de gatos individuales para cada uno “imagen” propiedad de los botones.

Una vez que comience a usar el editor de bloques, todas estas propiedades de diseño pueden modificarse. Como puede ver a continuación, definí la imagen del botón 1 como una imagen en blanco (que cargué en el modo de diseño como una imagen gris llamada “Imagen1”).

Como puedes ver, todo es visual, no hay codificación aquí. Debajo “Mis bloques” Elegí el “Pantalla1” componente y arrastró el “Inicializar” Evento al área del programa del centro. Debe decirle a un evento qué hacer cuando tiene lugar, así que arrastré la propiedad Button1.Image a la caja y luego le dije que hiciera uso de esa propiedad. “Imagen1”.

Después de aproximadamente una hora de jugar, terminé de programar la inicialización de todos los botones cuando se carga mi aplicación por primera vez, y qué hacer cuando el usuario hace clic en el primer botón..

Como puede ver, incluso una aplicación como un juego de emparejamiento puede requerir que considere cuidadosamente cada posibilidad. Puedes programar para todas las posibilidades definiendo y programando eventos componentes. El ejemplo anterior puede complicarse, así que si recién está comenzando, siga con algo simple como el ejemplo que proporciona Google cuando se registra por primera vez. Puede graduarse desde allí cuando se sienta cómodo con el proceso de programación y prueba..

Como puede ver en la barra de navegación izquierda en la herramienta de diseño, tiene acceso a casi todo lo que puede hacer su Android: sensores, lista de contactos, reproductores de video y mucho más..

Entonces, aquí está mi obra de arte, programada, probada y, finalmente, instalada en mi teléfono en aproximadamente una hora. Todavía necesito programar el resto de los botones también.

No hace falta decir, el hecho de que incluso podría conseguir cualquier cosa Es impresionante el funcionamiento de mi teléfono con aproximadamente una hora de esfuerzo. Pensé que sería casi imposible..

Entonces, regístrese para convertirse en un desarrollador y pruebe usted mismo el desarrollador de aplicaciones de Google. Puede que se sorprenda, puede encontrarse creando algunas de las aplicaciones más geniales que pueda imaginar. Todo lo que necesita es un poco de paciencia y algo de tiempo para jugar con las herramientas de desarrollo..

Háganos saber si pudo desarrollar sus propias aplicaciones de Android y lo que piensa de las herramientas de diseño y editor de bloque en la sección de comentarios a continuación.!

Crédito de la imagen: Svet