SlideShare una empresa de Scribd logo
1 de 69
Manual de Aplicaciones Básicas para
Android
Desarrolladas en Eclipse
01/07/2015
Eber Elihu Mejía Morales
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
1
Índice de Apps
 Índice…………………………………………………………………..Pag.1
 Introducción…………………………………………………………..Pag.2
 ¿Qué es Android?........................................................................Pag.3
 ¿Qué es una App?.......................................................................Pag.4
 ¿Qué es SDK?.............................................................................Pag.6
 ¿Cómo creo una carpeta nueva en ADT (Eclipse)?.......................Pag.7
 Una vez que acabe ¿Cómo exporto mi aplicación?......................Pag.10
 Acelerómetro…………………………………………………………..Pag.13
 BDDroid………………………………………………………………...Pag.15
 Calculadora…………………………………………………………….Pag.20
 Canvas………………………………………………………………….Pag.25
 Checbox………………………………………………………………...Pag.27
 Date Picker……………………………………………………………..Pag.30
 Radio Button……………………………………………………………Pag.33
 Juego del Gato…………………………………………………………Pag.36
 List View………………………………………………………………...Pag.44
 Notificación……………………………………………………………...Pag.46
 Spinner…………………………………………………………………..Pag.49
 Progress Bar…………………………………………………………….Pag.52
 Sonidos de Animales…………………………………………………...Pag.54
 TabHost…………………………………………………………………..Pag.57
 Time Picker……………………………………………………………....Pag.60
 Toglee Button……………………………………………………………Pag.62
 Video View……………………………………………………………….Pag.65
 Web View………………………………………………………………...Pag.67
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
2
Introducción
Este manual está enfocado sobre todo a aquellas personas que no tienen una noción
muy clara de lo que es programar. Razón por la que seré muy específicoen todos y
cada uno de los pasos que hay que seguir para desarrollar nuestras primeras
aplicaciones móviles.
En realidad este programa no es muy complicado,más sin embargo sí muy tedioso al
momento de estar armando las aplicaciones ya que se te podrían presentar problemas
tales como:
 Que tu App no corra por un archivo no compatible (de cualquier tipo podría ser
una imagen, un video etc.)
 Que las imágenes simplemente no aparezcan
 Que tus sonidos quedentodos desacomodados
 Que no sepas como poner una imagen de fondo en la App
Pero no te desesperessoncosas que a todo buen programadorle pasan en sus
inicios, con el tiempo iras puliendo esos detallitos que te disgustan o que no
comprendes de la programación.
Bueno no te distraigo más,pasa a la siguiente hoja para empezara programar
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
3
¿Qué es Android?
Este concepto esmuy importante que lo conozcas ya que todas las aplicaciones que
hagamos serán compatibles únicamente con este Sistema Operativo.
Android es un sistema operativo basado en el núcleo Linux. Fue diseñado
principalmente para dispositivos móviles con pantalla táctil,
como teléfonos inteligentes o tablets; y también para relojes
inteligentes, televisores y automóviles. Inicialmente fue
desarrollado por Android Inc., empresaque Google respaldó
económicamente y más tarde, en 2005,compró. Android fue
presentado en 2007 junto la fundación del Open Handset
Alliance (un consorcio de compañías de hardware, software y telecomunicaciones)
para avanzar en los estándares abiertos de los dispositivos móviles. El primer móvil
con el sistema operativo Android fue el HTC Dream y se vendió en octubre de
2008.11
Los dispositivosde Android venden más que las ventas combinadas
de Windows Phone e IOS.
El éxito del sistemaoperativo se ha convertido en objeto de litigios sobre patentes en
el marco de las llamadas «Guerras por patentes de teléfonos inteligentes» (en
inglés, Smartphone patent wars) entre las empresas de tecnología. Según
documentos secretos filtrados en 2013 y 2014,el sistema operativo es uno de los
objetivos de las agencias de inteligencia internacionales.
La versión básica de Android es conocidacomo Android Open Source Project(AOSP).
Este SistemaOperativo Móvil ya ha tenido 12 versiones que son:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
4
¿Qué es una App?
Una aplicación móvil, apli o app (en inglés) es una aplicación informática diseñada
para ser ejecutada en teléfonos inteligentes,tabletas y otros dispositivosmóviles.Por
lo general se encuentran disponiblesa través de plataformas de distribución, operadas
por las compañías propietarias de los sistemas operativos móviles como
 Android
 iOS
 BlackBerry OS
 Windows Phone
 entre otros.
Existen aplicaciones móviles gratuitas u otras de PAGO,donde en promedio el 20-
30% del costo de la aplicación se destina al distribuidor y el resto es para el
desarrollador. El término app se volvió popular rápidamente, tanto que en 2010 fue
listada como Word of the Year (Palabra del Año) por la American Dialect Society.
Tiendas de aplicaciones:
Existen diferentes tipos de tiendas para descargaraplicaciones, estas pueden ser
creadas por el mismo sistemaoperativo o por independientes.Las tiendas organizan
las aplicaciones y cada una tiene normas diferentes de retribución y publicación.
 Google Play
Google Play (anteriormente Android Market) es una plataforma de
distribución de software en línea desarrollado por Google Inc. para
dispositivos consistema operativo Android.Fue lanzado en octubre de
2008.Hasta octubre de 2012,Google Play contaba con más de
700,000 aplicaciones.
En la plataforma se encuentran disponiblestanto aplicaciones gratuitas como de pago.
Su interfaz es sencilla y rápida de utilizar.
 App Store
La App Store fue el primer servicio de distribuciónde aplicaciones,siendo
lanzada el 10 de julio de 2008.En 2012,el CEO de Apple,Tim Cook,
anunció que existen más de 650,000aplicaciones disponiblespara
dispositivos coniOS.
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
5
Desde su creación en 2008,más de un millón de aplicaciones estuvieron disponibles
en el App Store. Numerosas empresas utilizan este canal para distribuir las
aplicaciones colaborativas, de gestión y de productividad a los usuarios externos y
internos.
Apple transformó el mercado de las aplicaciones para dispositivosmóviles,
estrenándosecon un pequeño catálogode solamente 500 aplicaciones y logrando en
tan solo cuatro días 10 millones de aplicaciones descargadas.
En julio de 2012,Apple creó "App Store Volume purchasing for business".Disponible
únicamente en EEUU, este programa permite a las empresas compraraplicaciones en
grandes cantidades con el fin de distribuirlas a sus colaboradoresa través de
códigos promocionales.Es posible también integrar en esta tienda "business to
business",aplicaciones desarrolladas por terceros y que no son publicadas en el App
Store clásico.
 Windows Phone Store
La Windows Phone Store es la plataforma de distribución
de Microsoft para los dispositivosque cuentan con el sistema operativo
móvil Windows Phone. Fue lanzado en octubre de 2010.Para octubre de
2012,contaba con más de 120,000 aplicaciones disponibles.
En mayo de 2013 Microsoftanunció que ya contaba con más de 145.000aplicaciones
en Windows Phone Store
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
6
¿Qué es ADT?
Este es otro concepto que debes tener bien presente en todo el proceso es un plugin
para el IDE Eclipse que está diseñado para darle un potente entorno, integrado en el
que la construcciónde aplicaciones de Android.
ADT amplía las capacidades de Eclipse para que pueda configurar rápidamente
nuevos proyectos para Android, crear una interfaz de usuario de la aplicación, agregar
paquetes basados en la API de Android Framework, depurar sus aplicaciones
utilizando las herramientas del SDK de Android, e incluso exportar firmados (o no
firmados)archivos .apk con el fin de distribuir la aplicación.
El desarrollo en Eclipse con ADT es muy recomendable y es la manera más rápida
para empezar. Con la configuraciónguiada proyecto que proporciona, así como la
integración de herramientas, editores XML personalizados,y el panel de salida de
depuración, ADT le da un impulso increíble en el desarrollo de aplicaciones de Android
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
7
¿Cómo creo una carpeta nueva en ADT (Eclipse)?
Para empezarvamos a abrir el programa y nos debe aparecer una pantalla similar a
esta:
Donde dice “Workspace” vamos a buscar el escritorio. ¿Porqué?...
Por qué ahí es donde se ira guardando la carpeta que contendrá todo el avance que
llevemos en nuestra aplicación.
Luego cuando habrá la interfaz principal proseguiremosa abrir un nuevo proyecto
para poderiniciar nuestra app
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
8
Ahora le pondremosun nombre a la app (siempre en mayúsculas y quitando él
.example del campo “Package Name”):
Le damos en el botón Next > 2 veces y llegando a esta pantalla:
Buscaremos entre nuestros archivos un icono para nuestra App, puede ser cualquier
imagen en formato .png.
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
9
Seguiremos y en la siguiente pantalla lo dejaremos en Blank Activity, después le
damos Next > y le daremos un nombre al Activity (El Activity es donde se irán
guardando los cambios de nuestra Aplicación)
Una vez finalizado todo esto podemos iniciar en la creación de nuestra App.
Es importante que recuerdes que siempre deberás repetireste proceso cuando hagas
una aplicación nueva.
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
10
Una vez que acabe ¿Cómo exporto mi aplicación?
Bien al finalizar la aplicación se tiene que exportar para poderusarse en cualquier
dispositivo compatible (Únicamente Android).
Esto es muy sencillo simplemente hay que hacer lo siguiente:
Dar en el botón File y luego en Export:
Luego solo seguiremoslos pasos:
-Le damos en Export Android Application
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
11
-Buscamos la aplicación que queremos
-Creamos un keystore y una contraseña
-Ahora solo llenaremos los siguientes campos (solo los necesarios)
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
12
-Por ultimo le daremos en Finish si todos los campos son correctos
-Ahora solo buscaremos enla ubicación donde guardamos la App y la pasaremos a
nuestro dispositivo,ya sea por medio de un cable USB o por medio de Bluetooth (Si tu
computadora lo tiene)
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
13
Acelerómetro
Esta es la primera aplicación que crearemos,el Acelerómetro es el sensor de tu
celular que le permite saber su posición,este se mueve en tres ejes X, Y, Z
(horizontalmente, verticalmente y diagonalmente respectivamente).
Para iniciar vamos a llevar a cabo el proceso que explicamos antes (¿Cómo creo una
carpeta nueva en ADT (Eclipse)?)
Una vez hecho eso vamos a declarar primero nuestras librerías así:
Ahora vamos a ir a nuestro Layout (La parte grafica de nuestra App, esta se haya en la carpeta
res>layout) y pondremos 3 TextView (Simplemente lo tomamos del apartado Form Widgets y lo
arrastramos hasta la simulación de pantalla) poniéndoles el siguiente id: x, y, z
respectivamente así:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
14
Posteriormente pondremoslas siguientes líneas de código para que nos de uso del
sensory podamos ver esos movimientos reflejados en la pantalla por medio de los
TextView.
La primer parte de este código es declarar las variables a usar y los elementos
gráficos que usamos en el Layout:
Esto va justo después de las librerías que declaramos hasta arriba.
Luego les daremos función así (Esta parte va justo después de lo anterior):
Por ultimo ya que tenemos la parte gráficay la función de cada cosa lo vamos a
exportar y a instalar en nuestro dispositivo Android.
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
15
Se debe de ver más o menos así:
-Al moverlo debe de cambiar la cantidad de los tres campos X, Y, Z
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
16
BDDroid
Esta aplicación requiere un poco más de dificultad, ya que ocupa bases de datos.
Para empezarvamos a crear un nuevo proyecto y le pondremos elnombre BDDroid
Ahora creemos primero la parte visual, para lo que ocuparemos 3 EditTexty 2 Buttons
así:
Y así:
Posteriormente Vamos a darle función con el siguiente código.
Primero la Base de Datos:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
17
Luego la interfaz principal en otro Java, declarando las variables, los recursos visuales
y las librerías:
La siguiente parte es darles función:
Luego,en otro Java, la conexión de la Base de Datos con la interfaz principal:
Así, igual declarando las librerías:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
18
Luego hacemos la unión para que almacene y muestre :
Y para finalizar, en otro Java declararemos la SQLiteDataBase así:
Ahora si solo exportemos e instalemos en nuestro celular:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
19
Para que veamos algo parecido a esto:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
20
Calculadora
Esta aplicación no es tan complicadapero si muy larga, pero no se preocupensolo
copienbien el código y no habrá problemaalguno.
Primero hagamos la parte gráfica,esta vez son muchos botones y 2 EditText así:
Ustedes ya saben cómo ponertodo esto de un modo rápido, solo arrastren los
componentesal simulador de Android y Listo. Solo no olviden ponerle id. a todos sus
componentes(aclaro en este caso solo es necesario darle función a las teclas de +, -,
*, / y al =, los demás tambiénimprimirán un numero pero nada mas).
Hora póngale función a todo desde el Java así:
Declaren Variables, Componentes visuales y Librerías
Luego empecemosa darles funcion:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
21
Ahora pongamos las funciones para activar nuestros EditText, para habilitar y
deshabilitar los botones al igual que informarnos que no hay ningún valor por medio de
un Toast en caso de que no se haya escrito nada.
Ahora el procesode Suma:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
22
El procesode Resta:
El procesode Multiplicación:
El procesode División:
La impresiónde Números (1-5):
La impresiónde Números (6-0):
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
23
Función en los Símbolos (punto, borrar):
Función en los Símbolos (resultado,igual):
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
24
Por ultimo exportamos e Instalamos:
Debe de verse algo así:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
25
Canvas
Esta app es extremadamente sencillo y no requiere gran trabajo
Primero hagamos la paste física así, para lo cual no usaremos nada lo dejaremos así
como esta:
Y ahora la parte de la función, esto es muy sencillo porque todo lo que haremos es
aparecer 3 figuras en pantalla:
Primero pongamos las librerías así:
Ahora pongamos las figuras en pantalla:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
26
Una vez puesto eso,debe verse así:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
27
Checbox
Esta vez vamos a hacer algo relacionado con los cuestionarios de opción múltiple, el
Checboxnos permite hacer eso crear varias opciones para determinar una respuesta,
una preferencia, u algo que ya tenemos
Para empezar vamos a crear nuestro Layout, utilizaremos tantos TextView como
preguntas tengamos, y de igual manera pondremos tantos Checbox como respuestas
tengamos por pregunta más o menos así:
Ahora pongámosle un id. a todos nuestro componentes, ponlos de modo que
recuerdes cual es cual porque más adelante los vamos a usar para darles función:
Ahora pongámosle función a todo.
Primero nuestras librerías de trabajo:
Enseguida pondremos nuestras variables y nuestros componentes graficos:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
28
En este caso nosotros tenemos 5 preguntas (tu puedes agregar las que quieras) asi
que el proceso llevara 5 if para determinar que esta correcto y que no:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
29
Una vez puestas todas nuestras funciones sobre nuestra app solo debemosverla en
un dispositivo.
Se debería de ver así:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
30
Date Picker
Esta app es muy sencilla, ya que todo lo que haremos será marcar la hora, es muy útil
en caso de querer crear una alarma o una app que establezcala hora.
Primero hagamos la interfaz visual, esto es extremadamente sencillo simplemente
jalen los siguientes elementos a la pantalla de simulación:
-1 Date Picker
-1 Button
-1 Image View
En si no se va a ver en este simulador de pantalla de un dispositivo Android,estos
componentessolo se verán hasta que lo instalemos en nuestro celular, tablet etc.
Primeramente vamos a poner nuestras librerías como siempre le hacemos hasta
arriba y posteriormente las funciones de cada cosa:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
31
Luego pasemos a las funciones de El Date Picker en la App:
Ahora veamos que al darle en el botón nos debe de aparecer un mensajito en
pantalla, que nos diga se ha cambiado la hora o que nos ponga cualquier cosaque
nos reconozca que el cambio se hizo
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
32
Si todo el código que pusimos es correcto deberíade verse mas o menos asi,
obviamente con las modificaciones de colory otras cosas que ustedes le hayan
puesto a la aplicación
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
33
Radio Button
Lo que vamos a hacer es algo muy similar al Checbox
Primero vamos a hacer el entorno gráfico,vamos s a usar los siguientes elementos:
Ahora una vez habiendo puesto eso debe de verse algo así(En este caso yo puse una
imagen de fondo) con el siguiente código
android:background=”"@drawable/nombre de la imagen"
Esto va debajo del xmlns: tools
Ahora si vamos a ver cómo debe de quedar (no olviden ponerle un id. a todo)
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
34
Ahora ya que es muy similar al Checbox el código de función también lo es (A
excepción de que en este caso al escoger una opción aparecerá una imagen):
Primeramente como siempre vamos a poner nuestras variables y nuestras librerías , a
fin de darle una función a los Buttons.
Luego les daremos la tarea de que cada Radio ponga una imagen al seleccionarlo
únicamente a el:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
35
Así de igual manera al elegirlo nos aparecerá un Toast poniendo un mensaje en
pantalla para reconocer que se ha hecho el cambio.
Una vez hecho esto exportamos e instalamos la App, la cual debe de verse asi:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
36
Juego del Gato
Este es un juego que la mayoría hemos jugado pero solo en las libretas, aquí te
enseñaremosa jugarlo en tu celular.
Para empezarya que este juego es una adaptación lo tendremos que abrir desde un
menú en la esquina superior derecha de tu pantalla.
Bien iniciemos,primeramente hay que descargar2 imágenes como mínimo y ponerles
los nombres “circulo” y “equis” respectivamente,¿Para qué nos servirán? Para
marcar don tiramos nosotros y donde tiro el otro ya sea el CPU o El jugador 2
Primero hagamos lo gráfico.
Esta vez usaremos 4 Javas y 4 .xml en el primero vamos a poner el menú asi, jalando
los botones y editando el texto por e siguiente:
Pónganle su id a cada botón respectivamente de acuerdo al nombre del botón.
Ahora hagamos los otros 3 del siguiente modo, en el caso de los rectángulos verdes
de cada xml es un Image View, no un Botón para que no se confundan.
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
37
Acercade:
Un Jugador:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
38
Dos Jugadores:
Una vez hecho esto hay que darle función igual cada elemento del xml así:
Menú:
Primero como en todo declarando las librerías, las variables y los elementos graficos
usados en el xml que le correspondeasí:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
39
Y posteriormente la función de cada botón de ese xml:
Ahora la parte del juego (Un jugador):
Primero las librerías, nuestras variables y elementos graficos:
Ahora la función al tocar el Image View:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
40
Luego la función de aparecer la imagen:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
41
Y por último las condiciones para determinar quién gana:
Si el teléfono:
O tu:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
42
Ahora la de 2 jugadores, esta es muy sencilla:
Y Por último él acerca de, este solo hay que mandarlo llamar ya que no hace nada:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
43
Así:
Ahora una vez acabado exportamos e instalamos, para que se vea así:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
44
List View
Esta app es muy simple , la función que va a tener es tipo Base de Datos, aunque esta
solo almacenara mientras la usamos no después,una vez cerrando la app se borrara
todo lo hecho.
Primero hagamos la parte gráfica.
Para empezarabramos el nuevo proyecto y a continuación jalemos del apartado
Compositeun EditText, un Button y un List View.
Para que quede más o menos así:
Una vez hecho eso y puestos nuestros id. Vamos a darle función a todo
Primero pongámosle nuestras librerías, nuestros elementos gráficos y nuestras
variables nuevas:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
45
Después démosle elefectoal botón y al ListViewpara que todo lo que escribamosen
el Edit Text aparezca:
Una vez acabados estos sencillos pasos vamos a exportar e instalar la app en nuestro
dispositivo Android,para que salga algo muy parecido a esto:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
46
Notificación
Esto debe de ser algo que siempre deberías tomar en cuenta para hacer una
aplicación ya que por lo regular estas tienden a mandar notificaciones porque tu no??
Primeramente hagamos el entorno grafico para ello usaremos 2 .xml
En uno pondremos 1 Button que accionara la notificación y en el otro la notificaciónasí
que primero va
El Button:
Luego la Notificación asi:
Ahora si vamos a hacer la magia en 2 Java correspondientes a cada .xml
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
47
Primero el del botón iniciamos poniendo nuestras variables, elementos graficos y
nuestras librerías asi:
Luego ponemos lo que hará el botón:
Y por último traer la notificación:
Ahora si vayamos por el segundo Java donde se efectuara la acción de nuestra
Notificación
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
48
Ahora si exportemose instalemos en nuestro dispositivo.
Debe de verse algo así:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
49
Spinner
Esto en si es otro elemento que solo podemosarrastras a nuestra pantalla y ya, lo
complicado casisiempre es darles una función
Para empezarhagamos lo visual primero.(Aclaro esto fue una adaptación que hice en
una de mis clases,está unido con la notificación pero es sencillo)
Para ello vamos a ocupar exactamente los mismos .xml de la notificación
Sin embargo vamos a cambiar un poco los Java:
Primer Java (aquí es donde estarán los cambios de la Aplicacion):
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
50
Como bien se habrán dado cuenta yo lo hizo con marcas y modelos de celulares n es
grande la diferenciasin embargo va a notarse en la Aplicaciónque debe de quedar
más o menos como en las siguientes imágenes:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
51
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
52
Progress Bar
Este es un elemento muy ocupado en la mayoría de las Apps ya que sirve para
esperar mientras carga la App y es lo que aprenderemosa hacer.
Hagamos primero la interfaz grafica
Para lo que usaremos:
-Progress Bar
-Text View
-Button
Así:
Ahora hagamos la función de cada cosaprimeramente pongamos nuestras librerías y
nuestras variables:
Y luego nuestras funciones para que marque el avance y la barra se mueva:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
53
Aquí hace falta una llave cerrada (es que no me cupo en la foto xD)
Una vez hecho esto va a quedar así:
65/100
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
54
Sonidos de Animales
Esta es una aplicación muy fácilde hacer, el único requerimiento extra a lo que hemos
hecho es que hay que descargaruna imagen por sonido (obvio referente al sonido),
también hay que descargar los sonidos correspondientes ala imagen.
Las imágenes que descargues mételas en la carpeta drawable-mdpi y para ponerlas
en el Button pon el código Android:background=”@drawable/nombrede tu imagen”
dentro del código del Button
Ahora si hagamos lo visual vamos a jalar 9 Button a la pantalla en el siguiente orden:
En este caso lo vamos a hacer con animales y serán los que aparecen en la imagen y
le vamos a poner el nombre de cada animal en el id.
Una vez hecho esto vamos a ponerle los audios(los audios los vamos a meter en la
carpeta raw, si no existe la creamos)
Esto es del siguiente modo:
Primero vamos a poner nuestras librerías, nuestras variables para los sonidos y
toooodosnuestros botones con su efecto para función:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
55
Y ahora a asignarles sus sonidos a los animales:
Faltan 2 llaves cerradas al final.
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
56
Cuando ya estánlas imágenes y los sonidos solo hay que exportar e instalar y listo:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
57
Tab Host
Esto es algo ocupado para poner varias cosas en una App,por ejemplo en el caso de
los reproductoresesto es muy útil, pues así dividen las canciones de los artistas etc.
Para empezarhagamos 4 .xml y agreguemos lo siguiente:
.xml 1:
Agregaremosun TabHost y pondremos los elementos que aparecen a la derecha:
En él .xml 2:
Solo pondremosun Image View:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
58
En él .xml 3 y el 4:
Haremos exactamente lo mismo que en el primero, solo cambiando la imagen
Ahora hagamos los Java, de igual manera debende ser 4, uno para cada .xml
En el primero haremos lo siguiente.
Pondremos nuestras librerías, variables y elementos gráficos:
Ahora le pondremosuna función a los otros 3:
Si todo esta así tal cual lo pusimos arriba, ahora podremosavanzar y configurar los
otros 3 Java:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
59
Si te das cuenta es muy fácilconfigurar los últimos 3 Java y prácticamente es el
mismo código. Ahora por último si ya te quedo todo esto,podemos exportare instalar:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
60
Time Picker
Esta App es extremadamente parecida a él Date Picker ya que hará lo mismo pero
con la hora en vez de con la fecha:
Primero lo visual.
Vamos a poner los siguientes elementos:
-1 Text View
-1 Date Picker
-1 Button
Solo hay que arrastrarlos a nuestra simulación de pantalla de Android, para que se
vea así:
Si hiciste esto bien y no se te olvido ponerle un id. a cada elemento podemos pasara
ponerle función a las cosas:
Con el siguiente código:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
61
Primero nuestras librerías, nuestros elementos gráficos y nuestras variables:
Y ahora sí, la función de todo en el orden que se debe:
Si todo esta como aquí debe de verse más o menos así:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
62
Toglee Button
El Radio Button es un botón con la función de accionar algo en este caso serán3
linternas de colores distintos.
Para empezarvamos a tomar 3 Botones de estos del apartado Form Widgets y lo
arrastraremos hasta la simulación de pantalla de Android, donde le daremos un id. a
cada objeto para más adelante darle una función el Java
Iniciemos,habiendo hecho esto debe de verse asi:
Ahora vamos a darle función en el Java, esto en realidad no es difícil es solo un
código y muy sencillo:
Va más o menos así, para iniciar le vamos a poner librerías y variables y el resto de
cosas que ya saben que van al inicio del código:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
63
Como podrándarse cuenta también declaramos los colores con los siguientes
nombres
- Rojo=rj
-Verde =vr
-Azul=az
Puede que se pregunten ¿Para que? Pues para poderdarle tonalidad a nuestras
lámparas como podránver en el siguiente código:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
64
Lo ven es muy simple y ya con las tonalidades se verá muy bien tu App, que, si tiene
todo correcto ya puedes instalar en tu celular y se verá así:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
65
Video View
Para esta App vamos a usar un video que quieras pero de duración menor a 5:00 min
para no hacerlo tan pesado
Y vamos a aprender a usar los controles de reproductorbásicos.
En si es una Aplicaciónmuy simple pero muy padre.
En la parte visual solo vamos a poner un Video View sacado del apartado Images &
Media
Va a quedar así:
Ahora para darle función primero vamos a guardar nuestro video en la carpeta Raw.
Una vez hecho esto debemosponerel código junto con nuestras librerías, variables y
nuestro componente gráfico:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
66
Y así es como quedara:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
67
Web View
Esta última Aplicacióndel manual la vamos a hacer muy sencilla también, para poder
descansardel trabajo ya hecho.
Iniciaremos haciendo el entorno gráfico,pondremos un Web View, arrastrando el
objeto del apartado Composite,así:
Y ahora la función para que pueda (como el nombre lo dice)visualizar un sitio web.
Primeramente vamos a poner lo de costumbre librerías, componentes,variables etc:
Manual de Aplicaciones Básicas para Android
Desarrolladas enAndroid
68
Y ahora sí, el código para poderver una página Web:
Es importante que en la parte donde dice loadURL cargues el Link de tu página bien o
no podrás ingresar al sitio correcto.
Una vez hecho esto correctamente,puedes exportar e instalar la Aplicación,que se
verá así:

Más contenido relacionado

La actualidad más candente

Android 140526140544-phpapp02
Android 140526140544-phpapp02Android 140526140544-phpapp02
Android 140526140544-phpapp02hinosbadi
 
proyecto final de organización
proyecto final de organizaciónproyecto final de organización
proyecto final de organizaciónBryan Lopez
 
El dolor de cabeza de la compañia apple...andoid y sus mejoras
El dolor de cabeza de la compañia apple...andoid y sus mejorasEl dolor de cabeza de la compañia apple...andoid y sus mejoras
El dolor de cabeza de la compañia apple...andoid y sus mejorasNavalalo9
 
Android raul
Android raulAndroid raul
Android raulrscz
 
02 5 o8a-10231485-2-7t
02 5 o8a-10231485-2-7t02 5 o8a-10231485-2-7t
02 5 o8a-10231485-2-7tGabo Mizhel
 
Sistema android
Sistema androidSistema android
Sistema androidZusu3127
 
32- Android, Desarrollo de Aplicaciones Moviles, Importancia del Mockup
32- Android, Desarrollo de Aplicaciones Moviles, Importancia del Mockup32- Android, Desarrollo de Aplicaciones Moviles, Importancia del Mockup
32- Android, Desarrollo de Aplicaciones Moviles, Importancia del MockupPedro Antonio Villalta (Pavillalta)
 
1. introduccion a_android__conceptos_basicos__entorno_de_desarrollo_eclipse
1. introduccion a_android__conceptos_basicos__entorno_de_desarrollo_eclipse1. introduccion a_android__conceptos_basicos__entorno_de_desarrollo_eclipse
1. introduccion a_android__conceptos_basicos__entorno_de_desarrollo_eclipseglorii piickolii
 
266521557 apuntes-unidad-formativa-app-inventor
266521557 apuntes-unidad-formativa-app-inventor266521557 apuntes-unidad-formativa-app-inventor
266521557 apuntes-unidad-formativa-app-inventorxavazque2
 

La actualidad más candente (20)

Android
AndroidAndroid
Android
 
Android 140526140544-phpapp02
Android 140526140544-phpapp02Android 140526140544-phpapp02
Android 140526140544-phpapp02
 
Android sher
Android sherAndroid sher
Android sher
 
proyecto final de organización
proyecto final de organizaciónproyecto final de organización
proyecto final de organización
 
El dolor de cabeza de la compañia apple...andoid y sus mejoras
El dolor de cabeza de la compañia apple...andoid y sus mejorasEl dolor de cabeza de la compañia apple...andoid y sus mejoras
El dolor de cabeza de la compañia apple...andoid y sus mejoras
 
Tipos de celulares android
Tipos de celulares androidTipos de celulares android
Tipos de celulares android
 
Android studio
Android studioAndroid studio
Android studio
 
Instalacion-y-Configuracion-de-Android-Studio-con-Genymotion
Instalacion-y-Configuracion-de-Android-Studio-con-GenymotionInstalacion-y-Configuracion-de-Android-Studio-con-Genymotion
Instalacion-y-Configuracion-de-Android-Studio-con-Genymotion
 
Curso android 01 leccion - teoria
Curso android   01 leccion - teoriaCurso android   01 leccion - teoria
Curso android 01 leccion - teoria
 
Android raul
Android raulAndroid raul
Android raul
 
02 5 o8a-10231485-2-7t
02 5 o8a-10231485-2-7t02 5 o8a-10231485-2-7t
02 5 o8a-10231485-2-7t
 
Sistema android
Sistema androidSistema android
Sistema android
 
Conceptos y Generalidades de Android
Conceptos y Generalidades de AndroidConceptos y Generalidades de Android
Conceptos y Generalidades de Android
 
32- Android, Desarrollo de Aplicaciones Moviles, Importancia del Mockup
32- Android, Desarrollo de Aplicaciones Moviles, Importancia del Mockup32- Android, Desarrollo de Aplicaciones Moviles, Importancia del Mockup
32- Android, Desarrollo de Aplicaciones Moviles, Importancia del Mockup
 
Pratica nº 1
Pratica nº 1Pratica nº 1
Pratica nº 1
 
Android
AndroidAndroid
Android
 
Controles y Objetos Android Studio (Actualizada 2016)
Controles y Objetos Android Studio (Actualizada 2016)Controles y Objetos Android Studio (Actualizada 2016)
Controles y Objetos Android Studio (Actualizada 2016)
 
1. introduccion a_android__conceptos_basicos__entorno_de_desarrollo_eclipse
1. introduccion a_android__conceptos_basicos__entorno_de_desarrollo_eclipse1. introduccion a_android__conceptos_basicos__entorno_de_desarrollo_eclipse
1. introduccion a_android__conceptos_basicos__entorno_de_desarrollo_eclipse
 
Evolución de android
Evolución de androidEvolución de android
Evolución de android
 
266521557 apuntes-unidad-formativa-app-inventor
266521557 apuntes-unidad-formativa-app-inventor266521557 apuntes-unidad-formativa-app-inventor
266521557 apuntes-unidad-formativa-app-inventor
 

Destacado

Manual de android
Manual de androidManual de android
Manual de androidLyzSerrano
 
126511002 users-tecnico-hardware-desde-cero-pdf-by-chuska-www-cantabriatorren...
126511002 users-tecnico-hardware-desde-cero-pdf-by-chuska-www-cantabriatorren...126511002 users-tecnico-hardware-desde-cero-pdf-by-chuska-www-cantabriatorren...
126511002 users-tecnico-hardware-desde-cero-pdf-by-chuska-www-cantabriatorren...xavazquez
 
Manual programacion android
Manual programacion androidManual programacion android
Manual programacion androidERWIN AGUILAR
 
Vip users baja resolucion--guia-pc-hardware
Vip users baja resolucion--guia-pc-hardwareVip users baja resolucion--guia-pc-hardware
Vip users baja resolucion--guia-pc-hardwarexavazquez
 
20 soluciones a problemas de hardware
20 soluciones a problemas de hardware20 soluciones a problemas de hardware
20 soluciones a problemas de hardwareFrancisco Jaquez
 
Manual programación android
Manual programación android Manual programación android
Manual programación android dcastacun
 

Destacado (9)

Manual de android
Manual de androidManual de android
Manual de android
 
Android para principiantes
Android para principiantesAndroid para principiantes
Android para principiantes
 
126511002 users-tecnico-hardware-desde-cero-pdf-by-chuska-www-cantabriatorren...
126511002 users-tecnico-hardware-desde-cero-pdf-by-chuska-www-cantabriatorren...126511002 users-tecnico-hardware-desde-cero-pdf-by-chuska-www-cantabriatorren...
126511002 users-tecnico-hardware-desde-cero-pdf-by-chuska-www-cantabriatorren...
 
User google o microsoft
User   google o microsoftUser   google o microsoft
User google o microsoft
 
Manual programacion android
Manual programacion androidManual programacion android
Manual programacion android
 
Vip users baja resolucion--guia-pc-hardware
Vip users baja resolucion--guia-pc-hardwareVip users baja resolucion--guia-pc-hardware
Vip users baja resolucion--guia-pc-hardware
 
20 soluciones a problemas de hardware
20 soluciones a problemas de hardware20 soluciones a problemas de hardware
20 soluciones a problemas de hardware
 
tecnico en redes 11
tecnico en redes 11tecnico en redes 11
tecnico en redes 11
 
Manual programación android
Manual programación android Manual programación android
Manual programación android
 

Similar a Manual de Apps Basicas para Android

Similar a Manual de Apps Basicas para Android (20)

Las apps
Las appsLas apps
Las apps
 
Proyecto final(2)
Proyecto final(2)Proyecto final(2)
Proyecto final(2)
 
ANDOID
ANDOIDANDOID
ANDOID
 
Android.docx
Android.docxAndroid.docx
Android.docx
 
Conferencia Android Cparty11
Conferencia Android Cparty11Conferencia Android Cparty11
Conferencia Android Cparty11
 
PPT_Aplicaciones_Moviles.pptx
PPT_Aplicaciones_Moviles.pptxPPT_Aplicaciones_Moviles.pptx
PPT_Aplicaciones_Moviles.pptx
 
Android dipositivas
Android dipositivasAndroid dipositivas
Android dipositivas
 
diapositivas denalleli
diapositivas denallelidiapositivas denalleli
diapositivas denalleli
 
Android
AndroidAndroid
Android
 
Aplicaciones moviles
Aplicaciones movilesAplicaciones moviles
Aplicaciones moviles
 
Jorge andres
Jorge andresJorge andres
Jorge andres
 
Android
AndroidAndroid
Android
 
Google App inventor
Google App inventorGoogle App inventor
Google App inventor
 
Las apps
Las appsLas apps
Las apps
 
Aioria
AioriaAioria
Aioria
 
Las apps
Las appsLas apps
Las apps
 
Parcial aplicaciones para celulares
Parcial aplicaciones para celularesParcial aplicaciones para celulares
Parcial aplicaciones para celulares
 
Sistema operativo android
Sistema operativo androidSistema operativo android
Sistema operativo android
 
Herramientas para el desarrollo en plataformas móviles web
Herramientas para el desarrollo en plataformas móviles   webHerramientas para el desarrollo en plataformas móviles   web
Herramientas para el desarrollo en plataformas móviles web
 
Paginas para apps
Paginas para appsPaginas para apps
Paginas para apps
 

Último

investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosJhonJairoRodriguezCe
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfaxelv9257
 
presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...axelv9257
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxgustavovasquezv56
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
Generaciones de las Computadoras..pdf...
Generaciones de las Computadoras..pdf...Generaciones de las Computadoras..pdf...
Generaciones de las Computadoras..pdf...solanocortezluisalfr
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 

Último (14)

investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
 
presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Generaciones de las Computadoras..pdf...
Generaciones de las Computadoras..pdf...Generaciones de las Computadoras..pdf...
Generaciones de las Computadoras..pdf...
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 

Manual de Apps Basicas para Android

  • 1. Manual de Aplicaciones Básicas para Android Desarrolladas en Eclipse 01/07/2015 Eber Elihu Mejía Morales
  • 2. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 1 Índice de Apps  Índice…………………………………………………………………..Pag.1  Introducción…………………………………………………………..Pag.2  ¿Qué es Android?........................................................................Pag.3  ¿Qué es una App?.......................................................................Pag.4  ¿Qué es SDK?.............................................................................Pag.6  ¿Cómo creo una carpeta nueva en ADT (Eclipse)?.......................Pag.7  Una vez que acabe ¿Cómo exporto mi aplicación?......................Pag.10  Acelerómetro…………………………………………………………..Pag.13  BDDroid………………………………………………………………...Pag.15  Calculadora…………………………………………………………….Pag.20  Canvas………………………………………………………………….Pag.25  Checbox………………………………………………………………...Pag.27  Date Picker……………………………………………………………..Pag.30  Radio Button……………………………………………………………Pag.33  Juego del Gato…………………………………………………………Pag.36  List View………………………………………………………………...Pag.44  Notificación……………………………………………………………...Pag.46  Spinner…………………………………………………………………..Pag.49  Progress Bar…………………………………………………………….Pag.52  Sonidos de Animales…………………………………………………...Pag.54  TabHost…………………………………………………………………..Pag.57  Time Picker……………………………………………………………....Pag.60  Toglee Button……………………………………………………………Pag.62  Video View……………………………………………………………….Pag.65  Web View………………………………………………………………...Pag.67
  • 3. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 2 Introducción Este manual está enfocado sobre todo a aquellas personas que no tienen una noción muy clara de lo que es programar. Razón por la que seré muy específicoen todos y cada uno de los pasos que hay que seguir para desarrollar nuestras primeras aplicaciones móviles. En realidad este programa no es muy complicado,más sin embargo sí muy tedioso al momento de estar armando las aplicaciones ya que se te podrían presentar problemas tales como:  Que tu App no corra por un archivo no compatible (de cualquier tipo podría ser una imagen, un video etc.)  Que las imágenes simplemente no aparezcan  Que tus sonidos quedentodos desacomodados  Que no sepas como poner una imagen de fondo en la App Pero no te desesperessoncosas que a todo buen programadorle pasan en sus inicios, con el tiempo iras puliendo esos detallitos que te disgustan o que no comprendes de la programación. Bueno no te distraigo más,pasa a la siguiente hoja para empezara programar
  • 4. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 3 ¿Qué es Android? Este concepto esmuy importante que lo conozcas ya que todas las aplicaciones que hagamos serán compatibles únicamente con este Sistema Operativo. Android es un sistema operativo basado en el núcleo Linux. Fue diseñado principalmente para dispositivos móviles con pantalla táctil, como teléfonos inteligentes o tablets; y también para relojes inteligentes, televisores y automóviles. Inicialmente fue desarrollado por Android Inc., empresaque Google respaldó económicamente y más tarde, en 2005,compró. Android fue presentado en 2007 junto la fundación del Open Handset Alliance (un consorcio de compañías de hardware, software y telecomunicaciones) para avanzar en los estándares abiertos de los dispositivos móviles. El primer móvil con el sistema operativo Android fue el HTC Dream y se vendió en octubre de 2008.11 Los dispositivosde Android venden más que las ventas combinadas de Windows Phone e IOS. El éxito del sistemaoperativo se ha convertido en objeto de litigios sobre patentes en el marco de las llamadas «Guerras por patentes de teléfonos inteligentes» (en inglés, Smartphone patent wars) entre las empresas de tecnología. Según documentos secretos filtrados en 2013 y 2014,el sistema operativo es uno de los objetivos de las agencias de inteligencia internacionales. La versión básica de Android es conocidacomo Android Open Source Project(AOSP). Este SistemaOperativo Móvil ya ha tenido 12 versiones que son:
  • 5. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 4 ¿Qué es una App? Una aplicación móvil, apli o app (en inglés) es una aplicación informática diseñada para ser ejecutada en teléfonos inteligentes,tabletas y otros dispositivosmóviles.Por lo general se encuentran disponiblesa través de plataformas de distribución, operadas por las compañías propietarias de los sistemas operativos móviles como  Android  iOS  BlackBerry OS  Windows Phone  entre otros. Existen aplicaciones móviles gratuitas u otras de PAGO,donde en promedio el 20- 30% del costo de la aplicación se destina al distribuidor y el resto es para el desarrollador. El término app se volvió popular rápidamente, tanto que en 2010 fue listada como Word of the Year (Palabra del Año) por la American Dialect Society. Tiendas de aplicaciones: Existen diferentes tipos de tiendas para descargaraplicaciones, estas pueden ser creadas por el mismo sistemaoperativo o por independientes.Las tiendas organizan las aplicaciones y cada una tiene normas diferentes de retribución y publicación.  Google Play Google Play (anteriormente Android Market) es una plataforma de distribución de software en línea desarrollado por Google Inc. para dispositivos consistema operativo Android.Fue lanzado en octubre de 2008.Hasta octubre de 2012,Google Play contaba con más de 700,000 aplicaciones. En la plataforma se encuentran disponiblestanto aplicaciones gratuitas como de pago. Su interfaz es sencilla y rápida de utilizar.  App Store La App Store fue el primer servicio de distribuciónde aplicaciones,siendo lanzada el 10 de julio de 2008.En 2012,el CEO de Apple,Tim Cook, anunció que existen más de 650,000aplicaciones disponiblespara dispositivos coniOS.
  • 6. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 5 Desde su creación en 2008,más de un millón de aplicaciones estuvieron disponibles en el App Store. Numerosas empresas utilizan este canal para distribuir las aplicaciones colaborativas, de gestión y de productividad a los usuarios externos y internos. Apple transformó el mercado de las aplicaciones para dispositivosmóviles, estrenándosecon un pequeño catálogode solamente 500 aplicaciones y logrando en tan solo cuatro días 10 millones de aplicaciones descargadas. En julio de 2012,Apple creó "App Store Volume purchasing for business".Disponible únicamente en EEUU, este programa permite a las empresas compraraplicaciones en grandes cantidades con el fin de distribuirlas a sus colaboradoresa través de códigos promocionales.Es posible también integrar en esta tienda "business to business",aplicaciones desarrolladas por terceros y que no son publicadas en el App Store clásico.  Windows Phone Store La Windows Phone Store es la plataforma de distribución de Microsoft para los dispositivosque cuentan con el sistema operativo móvil Windows Phone. Fue lanzado en octubre de 2010.Para octubre de 2012,contaba con más de 120,000 aplicaciones disponibles. En mayo de 2013 Microsoftanunció que ya contaba con más de 145.000aplicaciones en Windows Phone Store
  • 7. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 6 ¿Qué es ADT? Este es otro concepto que debes tener bien presente en todo el proceso es un plugin para el IDE Eclipse que está diseñado para darle un potente entorno, integrado en el que la construcciónde aplicaciones de Android. ADT amplía las capacidades de Eclipse para que pueda configurar rápidamente nuevos proyectos para Android, crear una interfaz de usuario de la aplicación, agregar paquetes basados en la API de Android Framework, depurar sus aplicaciones utilizando las herramientas del SDK de Android, e incluso exportar firmados (o no firmados)archivos .apk con el fin de distribuir la aplicación. El desarrollo en Eclipse con ADT es muy recomendable y es la manera más rápida para empezar. Con la configuraciónguiada proyecto que proporciona, así como la integración de herramientas, editores XML personalizados,y el panel de salida de depuración, ADT le da un impulso increíble en el desarrollo de aplicaciones de Android
  • 8. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 7 ¿Cómo creo una carpeta nueva en ADT (Eclipse)? Para empezarvamos a abrir el programa y nos debe aparecer una pantalla similar a esta: Donde dice “Workspace” vamos a buscar el escritorio. ¿Porqué?... Por qué ahí es donde se ira guardando la carpeta que contendrá todo el avance que llevemos en nuestra aplicación. Luego cuando habrá la interfaz principal proseguiremosa abrir un nuevo proyecto para poderiniciar nuestra app
  • 9. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 8 Ahora le pondremosun nombre a la app (siempre en mayúsculas y quitando él .example del campo “Package Name”): Le damos en el botón Next > 2 veces y llegando a esta pantalla: Buscaremos entre nuestros archivos un icono para nuestra App, puede ser cualquier imagen en formato .png.
  • 10. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 9 Seguiremos y en la siguiente pantalla lo dejaremos en Blank Activity, después le damos Next > y le daremos un nombre al Activity (El Activity es donde se irán guardando los cambios de nuestra Aplicación) Una vez finalizado todo esto podemos iniciar en la creación de nuestra App. Es importante que recuerdes que siempre deberás repetireste proceso cuando hagas una aplicación nueva.
  • 11. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 10 Una vez que acabe ¿Cómo exporto mi aplicación? Bien al finalizar la aplicación se tiene que exportar para poderusarse en cualquier dispositivo compatible (Únicamente Android). Esto es muy sencillo simplemente hay que hacer lo siguiente: Dar en el botón File y luego en Export: Luego solo seguiremoslos pasos: -Le damos en Export Android Application
  • 12. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 11 -Buscamos la aplicación que queremos -Creamos un keystore y una contraseña -Ahora solo llenaremos los siguientes campos (solo los necesarios)
  • 13. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 12 -Por ultimo le daremos en Finish si todos los campos son correctos -Ahora solo buscaremos enla ubicación donde guardamos la App y la pasaremos a nuestro dispositivo,ya sea por medio de un cable USB o por medio de Bluetooth (Si tu computadora lo tiene)
  • 14. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 13 Acelerómetro Esta es la primera aplicación que crearemos,el Acelerómetro es el sensor de tu celular que le permite saber su posición,este se mueve en tres ejes X, Y, Z (horizontalmente, verticalmente y diagonalmente respectivamente). Para iniciar vamos a llevar a cabo el proceso que explicamos antes (¿Cómo creo una carpeta nueva en ADT (Eclipse)?) Una vez hecho eso vamos a declarar primero nuestras librerías así: Ahora vamos a ir a nuestro Layout (La parte grafica de nuestra App, esta se haya en la carpeta res>layout) y pondremos 3 TextView (Simplemente lo tomamos del apartado Form Widgets y lo arrastramos hasta la simulación de pantalla) poniéndoles el siguiente id: x, y, z respectivamente así:
  • 15. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 14 Posteriormente pondremoslas siguientes líneas de código para que nos de uso del sensory podamos ver esos movimientos reflejados en la pantalla por medio de los TextView. La primer parte de este código es declarar las variables a usar y los elementos gráficos que usamos en el Layout: Esto va justo después de las librerías que declaramos hasta arriba. Luego les daremos función así (Esta parte va justo después de lo anterior): Por ultimo ya que tenemos la parte gráficay la función de cada cosa lo vamos a exportar y a instalar en nuestro dispositivo Android.
  • 16. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 15 Se debe de ver más o menos así: -Al moverlo debe de cambiar la cantidad de los tres campos X, Y, Z
  • 17. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 16 BDDroid Esta aplicación requiere un poco más de dificultad, ya que ocupa bases de datos. Para empezarvamos a crear un nuevo proyecto y le pondremos elnombre BDDroid Ahora creemos primero la parte visual, para lo que ocuparemos 3 EditTexty 2 Buttons así: Y así: Posteriormente Vamos a darle función con el siguiente código. Primero la Base de Datos:
  • 18. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 17 Luego la interfaz principal en otro Java, declarando las variables, los recursos visuales y las librerías: La siguiente parte es darles función: Luego,en otro Java, la conexión de la Base de Datos con la interfaz principal: Así, igual declarando las librerías:
  • 19. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 18 Luego hacemos la unión para que almacene y muestre : Y para finalizar, en otro Java declararemos la SQLiteDataBase así: Ahora si solo exportemos e instalemos en nuestro celular:
  • 20. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 19 Para que veamos algo parecido a esto:
  • 21. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 20 Calculadora Esta aplicación no es tan complicadapero si muy larga, pero no se preocupensolo copienbien el código y no habrá problemaalguno. Primero hagamos la parte gráfica,esta vez son muchos botones y 2 EditText así: Ustedes ya saben cómo ponertodo esto de un modo rápido, solo arrastren los componentesal simulador de Android y Listo. Solo no olviden ponerle id. a todos sus componentes(aclaro en este caso solo es necesario darle función a las teclas de +, -, *, / y al =, los demás tambiénimprimirán un numero pero nada mas). Hora póngale función a todo desde el Java así: Declaren Variables, Componentes visuales y Librerías Luego empecemosa darles funcion:
  • 22. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 21 Ahora pongamos las funciones para activar nuestros EditText, para habilitar y deshabilitar los botones al igual que informarnos que no hay ningún valor por medio de un Toast en caso de que no se haya escrito nada. Ahora el procesode Suma:
  • 23. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 22 El procesode Resta: El procesode Multiplicación: El procesode División: La impresiónde Números (1-5): La impresiónde Números (6-0):
  • 24. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 23 Función en los Símbolos (punto, borrar): Función en los Símbolos (resultado,igual):
  • 25. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 24 Por ultimo exportamos e Instalamos: Debe de verse algo así:
  • 26. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 25 Canvas Esta app es extremadamente sencillo y no requiere gran trabajo Primero hagamos la paste física así, para lo cual no usaremos nada lo dejaremos así como esta: Y ahora la parte de la función, esto es muy sencillo porque todo lo que haremos es aparecer 3 figuras en pantalla: Primero pongamos las librerías así: Ahora pongamos las figuras en pantalla:
  • 27. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 26 Una vez puesto eso,debe verse así:
  • 28. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 27 Checbox Esta vez vamos a hacer algo relacionado con los cuestionarios de opción múltiple, el Checboxnos permite hacer eso crear varias opciones para determinar una respuesta, una preferencia, u algo que ya tenemos Para empezar vamos a crear nuestro Layout, utilizaremos tantos TextView como preguntas tengamos, y de igual manera pondremos tantos Checbox como respuestas tengamos por pregunta más o menos así: Ahora pongámosle un id. a todos nuestro componentes, ponlos de modo que recuerdes cual es cual porque más adelante los vamos a usar para darles función: Ahora pongámosle función a todo. Primero nuestras librerías de trabajo: Enseguida pondremos nuestras variables y nuestros componentes graficos:
  • 29. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 28 En este caso nosotros tenemos 5 preguntas (tu puedes agregar las que quieras) asi que el proceso llevara 5 if para determinar que esta correcto y que no:
  • 30. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 29 Una vez puestas todas nuestras funciones sobre nuestra app solo debemosverla en un dispositivo. Se debería de ver así:
  • 31. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 30 Date Picker Esta app es muy sencilla, ya que todo lo que haremos será marcar la hora, es muy útil en caso de querer crear una alarma o una app que establezcala hora. Primero hagamos la interfaz visual, esto es extremadamente sencillo simplemente jalen los siguientes elementos a la pantalla de simulación: -1 Date Picker -1 Button -1 Image View En si no se va a ver en este simulador de pantalla de un dispositivo Android,estos componentessolo se verán hasta que lo instalemos en nuestro celular, tablet etc. Primeramente vamos a poner nuestras librerías como siempre le hacemos hasta arriba y posteriormente las funciones de cada cosa:
  • 32. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 31 Luego pasemos a las funciones de El Date Picker en la App: Ahora veamos que al darle en el botón nos debe de aparecer un mensajito en pantalla, que nos diga se ha cambiado la hora o que nos ponga cualquier cosaque nos reconozca que el cambio se hizo
  • 33. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 32 Si todo el código que pusimos es correcto deberíade verse mas o menos asi, obviamente con las modificaciones de colory otras cosas que ustedes le hayan puesto a la aplicación
  • 34. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 33 Radio Button Lo que vamos a hacer es algo muy similar al Checbox Primero vamos a hacer el entorno gráfico,vamos s a usar los siguientes elementos: Ahora una vez habiendo puesto eso debe de verse algo así(En este caso yo puse una imagen de fondo) con el siguiente código android:background=”"@drawable/nombre de la imagen" Esto va debajo del xmlns: tools Ahora si vamos a ver cómo debe de quedar (no olviden ponerle un id. a todo)
  • 35. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 34 Ahora ya que es muy similar al Checbox el código de función también lo es (A excepción de que en este caso al escoger una opción aparecerá una imagen): Primeramente como siempre vamos a poner nuestras variables y nuestras librerías , a fin de darle una función a los Buttons. Luego les daremos la tarea de que cada Radio ponga una imagen al seleccionarlo únicamente a el:
  • 36. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 35 Así de igual manera al elegirlo nos aparecerá un Toast poniendo un mensaje en pantalla para reconocer que se ha hecho el cambio. Una vez hecho esto exportamos e instalamos la App, la cual debe de verse asi:
  • 37. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 36 Juego del Gato Este es un juego que la mayoría hemos jugado pero solo en las libretas, aquí te enseñaremosa jugarlo en tu celular. Para empezarya que este juego es una adaptación lo tendremos que abrir desde un menú en la esquina superior derecha de tu pantalla. Bien iniciemos,primeramente hay que descargar2 imágenes como mínimo y ponerles los nombres “circulo” y “equis” respectivamente,¿Para qué nos servirán? Para marcar don tiramos nosotros y donde tiro el otro ya sea el CPU o El jugador 2 Primero hagamos lo gráfico. Esta vez usaremos 4 Javas y 4 .xml en el primero vamos a poner el menú asi, jalando los botones y editando el texto por e siguiente: Pónganle su id a cada botón respectivamente de acuerdo al nombre del botón. Ahora hagamos los otros 3 del siguiente modo, en el caso de los rectángulos verdes de cada xml es un Image View, no un Botón para que no se confundan.
  • 38. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 37 Acercade: Un Jugador:
  • 39. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 38 Dos Jugadores: Una vez hecho esto hay que darle función igual cada elemento del xml así: Menú: Primero como en todo declarando las librerías, las variables y los elementos graficos usados en el xml que le correspondeasí:
  • 40. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 39 Y posteriormente la función de cada botón de ese xml: Ahora la parte del juego (Un jugador): Primero las librerías, nuestras variables y elementos graficos: Ahora la función al tocar el Image View:
  • 41. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 40 Luego la función de aparecer la imagen:
  • 42. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 41 Y por último las condiciones para determinar quién gana: Si el teléfono: O tu:
  • 43. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 42 Ahora la de 2 jugadores, esta es muy sencilla: Y Por último él acerca de, este solo hay que mandarlo llamar ya que no hace nada:
  • 44. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 43 Así: Ahora una vez acabado exportamos e instalamos, para que se vea así:
  • 45. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 44 List View Esta app es muy simple , la función que va a tener es tipo Base de Datos, aunque esta solo almacenara mientras la usamos no después,una vez cerrando la app se borrara todo lo hecho. Primero hagamos la parte gráfica. Para empezarabramos el nuevo proyecto y a continuación jalemos del apartado Compositeun EditText, un Button y un List View. Para que quede más o menos así: Una vez hecho eso y puestos nuestros id. Vamos a darle función a todo Primero pongámosle nuestras librerías, nuestros elementos gráficos y nuestras variables nuevas:
  • 46. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 45 Después démosle elefectoal botón y al ListViewpara que todo lo que escribamosen el Edit Text aparezca: Una vez acabados estos sencillos pasos vamos a exportar e instalar la app en nuestro dispositivo Android,para que salga algo muy parecido a esto:
  • 47. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 46 Notificación Esto debe de ser algo que siempre deberías tomar en cuenta para hacer una aplicación ya que por lo regular estas tienden a mandar notificaciones porque tu no?? Primeramente hagamos el entorno grafico para ello usaremos 2 .xml En uno pondremos 1 Button que accionara la notificación y en el otro la notificaciónasí que primero va El Button: Luego la Notificación asi: Ahora si vamos a hacer la magia en 2 Java correspondientes a cada .xml
  • 48. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 47 Primero el del botón iniciamos poniendo nuestras variables, elementos graficos y nuestras librerías asi: Luego ponemos lo que hará el botón: Y por último traer la notificación: Ahora si vayamos por el segundo Java donde se efectuara la acción de nuestra Notificación
  • 49. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 48 Ahora si exportemose instalemos en nuestro dispositivo. Debe de verse algo así:
  • 50. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 49 Spinner Esto en si es otro elemento que solo podemosarrastras a nuestra pantalla y ya, lo complicado casisiempre es darles una función Para empezarhagamos lo visual primero.(Aclaro esto fue una adaptación que hice en una de mis clases,está unido con la notificación pero es sencillo) Para ello vamos a ocupar exactamente los mismos .xml de la notificación Sin embargo vamos a cambiar un poco los Java: Primer Java (aquí es donde estarán los cambios de la Aplicacion):
  • 51. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 50 Como bien se habrán dado cuenta yo lo hizo con marcas y modelos de celulares n es grande la diferenciasin embargo va a notarse en la Aplicaciónque debe de quedar más o menos como en las siguientes imágenes:
  • 52. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 51
  • 53. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 52 Progress Bar Este es un elemento muy ocupado en la mayoría de las Apps ya que sirve para esperar mientras carga la App y es lo que aprenderemosa hacer. Hagamos primero la interfaz grafica Para lo que usaremos: -Progress Bar -Text View -Button Así: Ahora hagamos la función de cada cosaprimeramente pongamos nuestras librerías y nuestras variables: Y luego nuestras funciones para que marque el avance y la barra se mueva:
  • 54. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 53 Aquí hace falta una llave cerrada (es que no me cupo en la foto xD) Una vez hecho esto va a quedar así: 65/100
  • 55. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 54 Sonidos de Animales Esta es una aplicación muy fácilde hacer, el único requerimiento extra a lo que hemos hecho es que hay que descargaruna imagen por sonido (obvio referente al sonido), también hay que descargar los sonidos correspondientes ala imagen. Las imágenes que descargues mételas en la carpeta drawable-mdpi y para ponerlas en el Button pon el código Android:background=”@drawable/nombrede tu imagen” dentro del código del Button Ahora si hagamos lo visual vamos a jalar 9 Button a la pantalla en el siguiente orden: En este caso lo vamos a hacer con animales y serán los que aparecen en la imagen y le vamos a poner el nombre de cada animal en el id. Una vez hecho esto vamos a ponerle los audios(los audios los vamos a meter en la carpeta raw, si no existe la creamos) Esto es del siguiente modo: Primero vamos a poner nuestras librerías, nuestras variables para los sonidos y toooodosnuestros botones con su efecto para función:
  • 56. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 55 Y ahora a asignarles sus sonidos a los animales: Faltan 2 llaves cerradas al final.
  • 57. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 56 Cuando ya estánlas imágenes y los sonidos solo hay que exportar e instalar y listo:
  • 58. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 57 Tab Host Esto es algo ocupado para poner varias cosas en una App,por ejemplo en el caso de los reproductoresesto es muy útil, pues así dividen las canciones de los artistas etc. Para empezarhagamos 4 .xml y agreguemos lo siguiente: .xml 1: Agregaremosun TabHost y pondremos los elementos que aparecen a la derecha: En él .xml 2: Solo pondremosun Image View:
  • 59. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 58 En él .xml 3 y el 4: Haremos exactamente lo mismo que en el primero, solo cambiando la imagen Ahora hagamos los Java, de igual manera debende ser 4, uno para cada .xml En el primero haremos lo siguiente. Pondremos nuestras librerías, variables y elementos gráficos: Ahora le pondremosuna función a los otros 3: Si todo esta así tal cual lo pusimos arriba, ahora podremosavanzar y configurar los otros 3 Java:
  • 60. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 59 Si te das cuenta es muy fácilconfigurar los últimos 3 Java y prácticamente es el mismo código. Ahora por último si ya te quedo todo esto,podemos exportare instalar:
  • 61. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 60 Time Picker Esta App es extremadamente parecida a él Date Picker ya que hará lo mismo pero con la hora en vez de con la fecha: Primero lo visual. Vamos a poner los siguientes elementos: -1 Text View -1 Date Picker -1 Button Solo hay que arrastrarlos a nuestra simulación de pantalla de Android, para que se vea así: Si hiciste esto bien y no se te olvido ponerle un id. a cada elemento podemos pasara ponerle función a las cosas: Con el siguiente código:
  • 62. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 61 Primero nuestras librerías, nuestros elementos gráficos y nuestras variables: Y ahora sí, la función de todo en el orden que se debe: Si todo esta como aquí debe de verse más o menos así:
  • 63. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 62 Toglee Button El Radio Button es un botón con la función de accionar algo en este caso serán3 linternas de colores distintos. Para empezarvamos a tomar 3 Botones de estos del apartado Form Widgets y lo arrastraremos hasta la simulación de pantalla de Android, donde le daremos un id. a cada objeto para más adelante darle una función el Java Iniciemos,habiendo hecho esto debe de verse asi: Ahora vamos a darle función en el Java, esto en realidad no es difícil es solo un código y muy sencillo: Va más o menos así, para iniciar le vamos a poner librerías y variables y el resto de cosas que ya saben que van al inicio del código:
  • 64. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 63 Como podrándarse cuenta también declaramos los colores con los siguientes nombres - Rojo=rj -Verde =vr -Azul=az Puede que se pregunten ¿Para que? Pues para poderdarle tonalidad a nuestras lámparas como podránver en el siguiente código:
  • 65. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 64 Lo ven es muy simple y ya con las tonalidades se verá muy bien tu App, que, si tiene todo correcto ya puedes instalar en tu celular y se verá así:
  • 66. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 65 Video View Para esta App vamos a usar un video que quieras pero de duración menor a 5:00 min para no hacerlo tan pesado Y vamos a aprender a usar los controles de reproductorbásicos. En si es una Aplicaciónmuy simple pero muy padre. En la parte visual solo vamos a poner un Video View sacado del apartado Images & Media Va a quedar así: Ahora para darle función primero vamos a guardar nuestro video en la carpeta Raw. Una vez hecho esto debemosponerel código junto con nuestras librerías, variables y nuestro componente gráfico:
  • 67. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 66 Y así es como quedara:
  • 68. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 67 Web View Esta última Aplicacióndel manual la vamos a hacer muy sencilla también, para poder descansardel trabajo ya hecho. Iniciaremos haciendo el entorno gráfico,pondremos un Web View, arrastrando el objeto del apartado Composite,así: Y ahora la función para que pueda (como el nombre lo dice)visualizar un sitio web. Primeramente vamos a poner lo de costumbre librerías, componentes,variables etc:
  • 69. Manual de Aplicaciones Básicas para Android Desarrolladas enAndroid 68 Y ahora sí, el código para poderver una página Web: Es importante que en la parte donde dice loadURL cargues el Link de tu página bien o no podrás ingresar al sitio correcto. Una vez hecho esto correctamente,puedes exportar e instalar la Aplicación,que se verá así: