viernes, 16 de marzo de 2012

Android para torpessssss


Después de mucho tiempo sin actualizar el blog volvemos a la carga, he estado realizando unos cuantos tutoriales de android. Siempre me había llamado la atención , pero me echaba para atrás cuando para hacer  una chorrada de nada, había que instalar veinte cosas y ajustar otras tantas. El otro día de casualidad descubrí el app inventor  y vi que resultaba bastante sencillo de utilizar. Así es que nada ,creare unos cuantos tutoriales con lo que vaya aprendiendo. 

 
Empezamos con uno sencillo el hola Gatete, haremos una sencilla aplicación en la cual hay un botón que cuando lo pulsamos suena un sonido.
Antes de empezar tenemos que descargar un paquete de unos 100 Mb y comprobar que tenemos Java instalado correctamente
En esta pagina podéis descargar el  paquete y ver lo que necesitáis para hacerlo funcionar
Una vez descargado e instalado correctamente nos vamos a http://beta.appinventor.mit.edu tenemos que tener una cuenta de correo .


La primera vez no tendréis nada le dais a nuevo proyecto (NEW) le ponéis el nombre HolaGatete o el que os guste y a trabajar. Nos debe aparecer algo así.


En esta ventana es donde se diseña , arrastraremos componentes al screen1  para crear nuestra app.
En la parte izquierda cuyo titulo es Palette es donde están los distintos componentes en el centro tenemos la pantalla , donde iremos colocando los elementos y en la parte derecha tenemos las propiedades de los elementos que vamos insertando.
Nuestra primera aplicación vamos a necesitar un botón lo seleccionamos  en la Palette >Basic y lo arrastramos a la pantalla


 En la lista de propiedades de este botón donde pone Image none pulsamos y le damos a añadir.


Subiremos la imagen del gatete (podeis poner cualquier otra)


En la propiedad que pone texto la eliminamos
En la etiqueta que pusimos le pondremos en texto pulsa el gatete


 Ahora subiremos el sonido del gato


Donde pone media le damos a add y cargamos el sonido
Arrastramos un sound a la pantalla están en Media


Al Sound1 le pondremos en source el sonido que hemos cargado


Ahora vamos al editor de Bloques que es donde se creara la programación
Pulsamos en Open The Blocks Editor  Nos dirá que se va a descargar un Java le decimos que si 




Si todo ha ido bien se nos abrirá una ventana así(A veces los antivirus y cortafuegos dan problemas , ver las instrucciones en la pagina)


Vamos hacer  que cuando pulsemos el botón se reproduzca el sonido para ello utilizaremos el editor de bloques. En el realizaremos el comportamiento de nuestra aplicación.
Esta  aplicación es muy sencilla  nos iríamos donde pone My Blocks que es donde están los componentes que hemos puesto en nuestra pantalla y arrastraríamos when Button1.Click do


Después  nos iríamos a My Blocks > Sound1 y arrastramos  call Sound1.Play


Uniríamos y ya esta nuestro primer programa mierder echo en android, facilisimooooooo


 Podríamos lanzar el emulador para ver el resultado
En la parte de arriba  del editor de Bloques le damos a New emulator 
 Nos saldrá esta pantalla le damos OK
Después de un poco de tiempo tendremos el emulador de android


Para ver la aplicación que hemos hecho pulsamos en Connect to Device seleccionamos el emulador y esperamos a que la imagen de al lado de en Connect to Device  se ponga verde


Entonces veremos el gatete y si pulsamos en el sonara el sonido


De forma muy sencilla y rápida hemos hecho una aplicación para android
Por ultimo si queremos crear un Apk nos vamos a la pagina de diseño y en la parte superior derecha pulsamos Package for Phone le damos a  Download to this Computer y nos creara un apk que podemos instalar en nuestro móvil


Bueno espero que os haya gustado , iré subiendo nuevos tutoriales. Si tenéis dudas o sugerencias no dudéis en comentar.
Nos vemos




No hay comentarios:

Publicar un comentario