Manual de Apps Basicas para Android

tabhostacelerometroprogramacioncomputadoraandroidccccccccccccandroidprogramaappaplicaciondescompilargatocalculadoraescuelajavaxmlaclipsejdkgoogleandroidplaystoredescargasubirprocesospinnerprogressbarbuttonradiocheckboxcomputadoracecytemclickimagenvideoviewmusicrawsrcaa

Manual de Aplicaciones Básicas para Android

Desarrolladas en Eclipse

01/07/2015

Eber Elihu Mejía Morales

1

Manual de Aplicaciones Básicas para AndroidDesarrolladas en Android

Í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

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ífico en 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 queden todos desacomodados Que no sepas como poner una imagen de fondo en la App

Pero no te desesperes son cosas que a todo buen programador le 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 empezar a programar

¿Qué es Android?

3


Este concepto es muy 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., empresa que 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 dispositivos de Android venden más que las ventas combinadas de Windows Phone e IOS.

El éxito del sistema operativo 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 conocida como Android Open Source Project (AOSP).

Este Sistema Operativo Móvil ya ha tenido 12 versiones que son:

https://es.wikipedia.org/wiki/Agencia_de_inteligencia

https://es.wikipedia.org/wiki/Datos_acerca_de_la_vigilancia_mundial_(2013_a_la_fecha)

https://es.wikipedia.org/wiki/IOS

https://es.wikipedia.org/wiki/Windows_Phone


https://es.wikipedia.org/wiki/Android#cite_note-11

https://es.wikipedia.org/wiki/Octubre_de_2008

https://es.wikipedia.org/wiki/HTC_Dream

https://es.wikipedia.org/wiki/Telecomunicaciones

https://es.wikipedia.org/wiki/Software

https://es.wikipedia.org/wiki/Hardware

https://es.wikipedia.org/wiki/Open_Handset_Alliance

https://es.wikipedia.org/wiki/2007

https://es.wikipedia.org/wiki/2005

https://es.wikipedia.org/wiki/Google

https://es.wikipedia.org/wiki/Android_Inc.

https://es.wikipedia.org/wiki/Autom%C3%B3vil

https://es.wikipedia.org/wiki/Televisi%C3%B3n_inteligente

https://es.wikipedia.org/wiki/Reloj_inteligente



https://es.wikipedia.org/wiki/Tableta_(computadora)

https://es.wikipedia.org/wiki/Tel%C3%A9fonos_inteligentes

https://es.wikipedia.org/wiki/Pantalla_t%C3%A1ctil

https://es.wikipedia.org/wiki/Dispositivo_m%C3%B3vil

https://es.wikipedia.org/wiki/N%C3%BAcleo_Linux

https://es.wikipedia.org/wiki/Sistema_operativo

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 dispositivos móviles. Por lo general se encuentran disponibles a 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 descargar aplicaciones, estas pueden ser creadas por el mismo sistema operativo 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 con sistema 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 disponibles tanto 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ón de aplicaciones, siendo lanzada el 10 de julio de 2008. En 2012, el CEO de Apple, Tim Cook, anunció que existen más de 650,000 aplicaciones disponibles para dispositivos con iOS.

https://es.wikipedia.org/wiki/Aplicaci%C3%B3n_m%C3%B3vil#47906853


https://es.wikipedia.org/wiki/BlackBerry_OS

https://es.wikipedia.org/wiki/IOS_(sistema_operativo)

https://es.wikipedia.org/wiki/Android

https://es.wikipedia.org/wiki/Sistema_operativo_m%C3%B3vil

https://es.wikipedia.org/wiki/Tableta_(computadora)

https://es.wikipedia.org/wiki/Tel%C3%A9fonos_inteligentes

https://es.wikipedia.org/wiki/Aplicaci%C3%B3n_inform%C3%A1tica

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 dispositivos móviles, estrenándose con un pequeño catálogo de 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 comprar aplicaciones en grandes cantidades con el fin de distribuirlas a sus colaboradores a 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 dispositivos que 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 Microsoft anunció que ya contaba con más de 145.000 aplicaciones en Windows Phone Store

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ón de 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ón guiada 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

7


¿Cómo creo una carpeta nueva en ADT (Eclipse)?

Para empezar vamos a abrir el programa y nos debe aparecer una pantalla similar a esta:

Donde dice “Workspace” vamos a buscar el escritorio. ¿Por qué?... 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 proseguiremos a abrir un nuevo proyecto para poder iniciar nuestra app

8


Ahora le pondremos un 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.

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 repetir este proceso cuando hagas una aplicación nueva.

10


Una vez que acabe ¿Cómo exporto mi aplicación?

Bien al finalizar la aplicación se tiene que exportar para poder usarse 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 seguiremos los pasos:

-Le damos en Export Android Application

11


-Buscamos la aplicación que queremos

-Creamos un keystore y una contraseña

-Ahora solo llenaremos los siguientes campos (solo los necesarios)

12


-Por ultimo le daremos en Finish si todos los campos son correctos

-Ahora solo buscaremos en la 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)

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í:

14


Posteriormente pondremos las siguientes líneas de código para que nos de uso del sensor y 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áfica y la función de cada cosa lo vamos a exportar y a instalar en nuestro dispositivo Android.

15


Se debe de ver más o menos así:

-Al moverlo debe de cambiar la cantidad de los tres campos X, Y, Z

16


BDDroid

Esta aplicación requiere un poco más de dificultad, ya que ocupa bases de datos.

Para empezar vamos a crear un nuevo proyecto y le pondremos el nombre BDDroid

Ahora creemos primero la parte visual, para lo que ocuparemos 3 EditText y 2 Buttons así:

Y así:

Posteriormente Vamos a darle función con el siguiente código.

Primero la Base de Datos:

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:

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:

19


Para que veamos algo parecido a esto:

20


Calculadora

Esta aplicación no es tan complicada pero si muy larga, pero no se preocupen solo copien bien el código y no habrá problema alguno.

Primero hagamos la parte gráfica, esta vez son muchos botones y 2 EditText así:

Ustedes ya saben cómo poner todo esto de un modo rápido, solo arrastren los componentes al 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én imprimirá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 empecemos a darles funcion:

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 proceso de Suma:

22


El proceso de Resta:

El proceso de Multiplicación:

El proceso de División:

La impresión de Números (1-5):

La impresión de Números (6-0):

23


Función en los Símbolos (punto, borrar):

Función en los Símbolos (resultado, igual):

24


Por ultimo exportamos e Instalamos:

Debe de verse algo así:

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:

26


Una vez puesto eso, debe verse así:

27


Checbox

Esta vez vamos a hacer algo relacionado con los cuestionarios de opción múltiple, el Checbox nos 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:

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:

29


Una vez puestas todas nuestras funciones sobre nuestra app solo debemos verla en un dispositivo.

Se debería de ver así:

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 establezca la 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 componentes solo 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:

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 cosa que nos reconozca que el cambio se hizo

32


Si todo el código que pusimos es correcto debería de verse mas o menos asi, obviamente con las modificaciones de color y otras cosas que ustedes le hayan puesto a la aplicación

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)

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:

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:

36


Juego del Gato

Este es un juego que la mayoría hemos jugado pero solo en las libretas, aquí te enseñaremos a jugarlo en tu celular.

Para empezar ya 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 descargar 2 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.

37


Acerca de:

Un Jugador:

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 corresponde así:

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:

40


Luego la función de aparecer la imagen:

41


Y por último las condiciones para determinar quién gana:

Si el teléfono:

O tu:

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:

43


Así:

Ahora una vez acabado exportamos e instalamos, para que se vea así:

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 empezar abramos el nuevo proyecto y a continuación jalemos del apartado Composite un 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:

45


Después démosle el efecto al botón y al ListView para que todo lo que escribamos en 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:

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ón así que primero va

El Button:

Luego la Notificación asi:

Ahora si vamos a hacer la magia en 2 Java correspondientes a cada .xml

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

48


Ahora si exportemos e instalemos en nuestro dispositivo.

Debe de verse algo así:

49


Spinner

Esto en si es otro elemento que solo podemos arrastras a nuestra pantalla y ya, lo complicado casi siempre es darles una función

Para empezar hagamos 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):

50


Como bien se habrán dado cuenta yo lo hizo con marcas y modelos de celulares n es grande la diferencia sin embargo va a notarse en la Aplicación que debe de quedar más o menos como en las siguientes imágenes:

51


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 aprenderemos a hacer.

Hagamos primero la interfaz grafica

Para lo que usaremos:

-Progress Bar

-Text View

-Button

Así:

Ahora hagamos la función de cada cosa primeramente pongamos nuestras librerías y nuestras variables:

Y luego nuestras funciones para que marque el avance y la barra se mueva:

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

54


Sonidos de Animales

Esta es una aplicación muy fácil de hacer, el único requerimiento extra a lo que hemos hecho es que hay que descargar una imagen por sonido (obvio referente al sonido), también hay que descargar los sonidos correspondientes a la 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/nombre de 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 toooodos nuestros botones con su efecto para función:

55


Y ahora a asignarles sus sonidos a los animales:

Faltan 2 llaves cerradas al final.

Cuando ya están las imágenes y los sonidos solo hay que exportar e instalar y listo:

56


57


Tab Host

Esto es algo ocupado para poner varias cosas en una App, por ejemplo en el caso de los reproductores esto es muy útil, pues así dividen las canciones de los artistas etc.

Para empezar hagamos 4 .xml y agreguemos lo siguiente:

.xml 1:

Agregaremos un TabHost y pondremos los elementos que aparecen a la derecha:

En él .xml 2:

Solo pondremos un Image View:

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 deben de ser 4, uno para cada .xml

En el primero haremos lo siguiente.

Pondremos nuestras librerías, variables y elementos gráficos:

Ahora le pondremos una función a los otros 3:

Si todo esta así tal cual lo pusimos arriba, ahora podremos avanzar y configurar los otros 3 Java:

59


Si te das cuenta es muy fácil configurar los últimos 3 Java y prácticamente es el mismo código. Ahora por último si ya te quedo todo esto, podemos exportar e instalar:

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 pasar a ponerle función a las cosas:

Con el siguiente código:

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í:

62


Toglee Button

El Radio Button es un botón con la función de accionar algo en este caso serán 3 linternas de colores distintos.

Para empezar vamos 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:

63


Como podrán darse cuenta también declaramos los colores con los siguientes nombres

- Rojo=rj

-Verde =vr

-Azul=az

Puede que se pregunten ¿Para que? Pues para poder darle tonalidad a nuestras lámparas como podrán ver en el siguiente código:

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í:

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 reproductor básicos.

En si es una Aplicación muy 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 debemos poner el código junto con nuestras librerías, variables y nuestro componente gráfico:

66


Y así es como quedara:

67


Web View

Esta última Aplicación del manual la vamos a hacer muy sencilla también, para poder descansar del 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:

Y ahora sí, el código para poder ver una página Web:

68


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í:

Technology

Manual de Apps Basicas para Android