En esta ocasión es para mí un placer invitarlos a una reunión que tendremos este sábado 19 de mayo en Ciudad de México con apoyo de la comunidad de Cocoa Heads México que se dedican al desarrollo en iOS y nuestra comunidad.

Con la finalidad de invitar a los chavos interesados en el desarrollo de aplicaciones móviles y ser parte de este nuevo mercado emergente en nuestro país, estamos organizando varias charlas que te ayuden a dar el salto que necesitas para aprender y para la gente que ya está haciendo cosas pueda obtener un feedback con el contenido que venimos a compartir.

Lo genial de la modalidad de estas reuniones es que si bien se organizan charlas, también tendrás un espacio para platicar con otros desarrolladores acerca de los proyectos en los que te encuentras trabajando y aclarar dudas que tengas, intercambiar experiencias, etc.

El enfoque no es totalmente Android, sin embargo, creo conveniente también mirar hacia otras plataformas y conocer en qué se programa, quién quita y también estás interesado en aprender de iOS. ;D

Este evento será el Sábado 19 de mayo de 10:00 AM a 5:00 PM en la ciudad de México, en las Oficinas Raku ubicadas en Paseo de la Reforma 107, piso 5 despacho 502.

Por cuestiones de las instalaciones, el cupo es limitado a un número específico de personas por lo que si estás interesado en asistir no esperes más y regístrate aquí.

Espero que aproveches al máximo el evento para aprender más sobre desarrollo móvil.

¡Corre la voz!

]]> http://androideity.com/2012/05/15/asiste-a-la-reunion-mayo-2012-cocoaheads-y-androideity/feed/ 1 http://androideity.com/2012/05/15/administra-tus-repositorios-con-subeclipse/#utm_source=rss&utm_medium=rss&utm_campaign=administra-tus-repositorios-con-subeclipse http://androideity.com/2012/05/15/administra-tus-repositorios-con-subeclipse/#comments Tue, 15 May 2012 15:56:27 +0000 Condesa http://androideity.com/?p=3411 Si ya llevas tiempo en esto del desarrollo, sin importar la plataforma, sabrás la importancia de trabajar con herramientas que nos ayuden a llevar el control de las versiones de un proyecto (cuestión muy importante cuando trabajamos en equipo). La … Sigue leyendo →]]>

Si ya llevas tiempo en esto del desarrollo, sin importar la plataforma, sabrás la importancia de trabajar con herramientas que nos ayuden a llevar el control de las versiones de un proyecto (cuestión muy importante cuando trabajamos en equipo).

La herramienta con la que he trabajado en muchas ocasiones es SVN que viene del término Subversion y se trata de un software (open source) de sistema de control de versiones. Dentro de sus características podemos mencionar:

• Un repositorio remoto donde se alojan las copias y revisiones comunes.
• Contamos con una copia local donde podemos trabajar de forma independiente y cuando creamos conveniente, podemos mandar esta copia al repositorio remoto y el sistema se encargará de verificar que no existan conflictos entre las diferentes copias y así tener siempre la “versión estable y final” cada vez que un miembro del equipo actualice.
• Permite ver una muestra de cambios entre diferentes versiones, esto en los archivos de clases y archivos similares.

Si bien podemos utilizar SVN como cualquier otro programa en nuestra computadora, también existe un plugin que nos permite vincularlo a nuestro Eclipse y trabajar de forma más cómoda con las versiones. Esto es precisamente lo que vengo a compartirte en este post.

El plugin en cuestión se llama Subeclipse, un proyecto de Tigris.org que dota a nuestro Eclipse IDE con la capacidad de soportar las funciones de SVN directamente sobre los proyectos que tengamos en nuestro Workspace.

En el sitio del proyecto podrás checar qué versión de Subversion, de Eclipse y del plugin puedes utilizar en conjunto para que no tengas ningún problema de compatibilidad.

Para conocer la versión de tu Eclipse basta con ir a la opción Help > About Eclipse SDK:

En mi caso, he elegido la versión 1.6 de Subeclipse.

Para instalarlo, me voy a la opción Help > Install new software de Eclipse y damos clic sobre el botón Add… donde colocaremos la URL que corresponde a Eclipse update site URL de la imagen anterior y de preferencia un nombre que haga referencia a lo que estamos instalando:

Posteriormente elegiremos las herramientas que necesitemos de las que nos da la opción de instalar. Al momento de seleccionar alguna de ellas se nos muestra la información detallada del feature para que nos sea más fácil elegir. Yo he seleccionado las tres y doy clic en Next >. Cuando la instalación haya finalizado es necesario reiniciar Eclipse.

Siempre que instalemos un nuevo plugin o herramienta a nuestro IDE, es importante hacer un test rápido para saber que todo salió bien.

Con este plugin tendremos la opción de abrir la perspectiva de SVN para ver nuestros proyectos y administrar nuestros repositorios de forma más cómoda. Para irnos a esta perspectiva damos clic en Window > Open perspective > Other > SVN Repository Exploring.

Dentro de la pestaña SVN Repositories se irán enlistando los repositorios que vayamos agregando. En la pestaña SVN Annotate podemos accesar a los comentarios o anotaciones que se le haya hecho a alguno de los archivos del repositorio que nos hayamos descargado previamente.

Para agregar un repositorio nuevo basta con dar clic sobre el área blanca de SVN Repositories > New > Repository Location, escribimos la URL y damos clic en Finish.

Una vez teniendo un repositorio agregado podemos navegar entre su contenido para ahora sí descargarnos directamente proyectos Android (u otro tipo de proyectos) a nuestro Workspace. Sobre el directorio de nuestro interés damos clic derecho y seleccionamos la opción Checkout… que nos llevará a un wizzard en dónde escribiremos el nombre con el que se descargará ese proyecto dentro del Workspace.

Al dar clic en Finish nos descargará el proyecto dentro de la ubicación por default de nuestro Workspace. Si necesitas descargarte el proyecto dentro de otro directorio, da clic en Next ya que en la siguiente ventana es en donde podrás cambiar la ubicación.

Al finalizar la descarga, cambia de perspectiva a la de Java y en tu Package Explorer podrás ver ya el proyecto descargado del repo. De esta forma nos es bastante sencillo empezar a trabajar sobre el código, hacer modificaciones y actualizar el proyecto en el repositorio que compartimos con nuestros miembros de equipo.

En la web suelo encontrar algunos proyectos de librerías que liberan su código fuente proporcionándote una URL de su repositorio. Con este plugin podrás descargarte dichos proyectos de forma rápida y sencilla y poder navegar entre el código.

Hay veces en las que estos proyectos se liberan únicamente bajo permisos de lectura, así que no te será posible mandar los cambios que puedas llegar a hacerles a las clases del proyecto.

Por ejemplo, a continuación te muestro cómo se ve el proyecto que corresponde al código fuente de la librería OpenYouTubeActivity del cuál platiqué en mi post anterior.

Las carpetas que ves con un icono de color amarillo son aquellos archivos que están tal cuál se encuentran en el repositorio remoto. En cambio, aquellos archivos que se encuentran con un icono de color café con un asterisco son aquellos que yo he modificado.

En un entorno colaborativo en el que estés trabajando sobre un proyecto propio podrás subir estos últimos archivos que modifiques para que el proyecto remoto vaya teniendo tus actualizaciones.

Algo importante es que siempre que subas actualizaciones hagas pruebas exhaustivas de que el módulo o cambios que estés implementando no tenga errores y funcione de lo mejor para que siempre se tenga en el repositorio la versión final y estable en cada iteración.

Ahora bien, para subir estas actualizaciones basta con dar clic derecho sobre el nombre de tu proyecto y elegir la opción Team > Commit. Dependiendo de las acciones que necesites aplicar a un proyecto que estés compartiendo con otros miembros de tu equipo, será en este menú Team donde las encontrarás.

Por último, si has estado trabajando en algún proyecto de forma local y de repente se unen a ti otros desarrolladores, puedes subir tu código a un repositorio que previamente hayas levantado dando clic derecho Team > Share Project y configurar en el wizzard la URL de dónde se encuentra el respositorio remoto que lo albergará. Con esto damos paso a que cualquier otra persona a la cuál le proporcionemos la URL pueda empezar también a trabajar sobre nuestro proyecto.

Si hasta ahora es la primera vez que planeas utilizar este plugin, te comparto un par de referencias que te pueden ayudar a despejar las dudas básicas de cómo utilizarlo:

• How to use subversion with Eclipse
• Subeclipse usage: Tips & Tricks

Como lo dije al inicio del post, un software de control de versiones es una de las herramientas básicas para trabajar en equipo, espero que te sirva y que te agilice muchos procesos.

¿Te fue útil este post? ¡Compártelo!

En alguna ocasión abordamos el tema de los Intents y de cómo nos permiten en ocasiones utilizar las aplicaciones que el usuario ya tiene instaladas en su smartphone para lanzar algunas acciones como reproducir audio o video, abrir un link en un browser, compartir información a través de una red social, etc. sin tener que reinventar la rueda.

Este método nos permite entonces, de manera muy sencilla y con una línea de código, reproducir videos de Youtube a partir de una URL.

Con algo como esto:

startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(“http://www.youtube.com/watch?v=_JkkkdH6zTQ”));

Obtendría este resultado:

Mediante este método, el usuario es quien decidirá qué aplicación desea utilizar para ver el contenido multimedia de nuestra aplicación. Pero, ¿qué pasaría si lo que necesitamos es reproducir ese video dentro de nuestra aplicación y no a través de un Intent?

Existe una librería que me encontré en estos días y que me ha parecido bastante útil para lograr esto que te comento. ¿List@ para conocerla?

La librería en cuestión se llama android-youtube-player, un proyecto open source que puedes encontrar en este link. El equipo detrás de esta librería es KeyesLabs. Básicamente, el objetivo de este proyecto es proporcionar una Activity que nos permita reproducir un video de Youtube en cualquier dispositivo sin necesariamente tener instalada alguna otra aplicación que reproduzca video.

Para implementar la funcionalidad de la librería es necesario descargarnos el archivo openyoutubeactivity-1.1.jar desde este link.

1. Para efectos demostrativos de cómo utilizar la librería, he creado un nuevo proyecto Android con la versión 2.2 llamado YoutubePlayer.

2. En la carpeta raíz de mi proyecto he creado un directorio llamado lib en dónde he copiado el archivo .jar que me descargué previamente.

3. En Eclipse, es necesario dar clic derecho sobre el nombre de mi proyecto y seleccionar Refresh para que me actualice los cambios que le hice a esta carpeta desde el explorador de archivos de mi computadora.

4. Posteriormente tendré que agregar la referencia de la librería en mi proyecto, por lo cuál doy clic derecho nuevamente sobre el nombre del proyecto y selecciono la opción Properties > Java Build Path > Add JARs… y elijo el archivo .jar del directorio lib.

Con esto, ya tendré todo listo para utilizar las clases de la librería con el proyecto que esté desarrollando.

5. Este proyecto cuenta con su propia documentación que puedes consultar aquí. Se nos explica claramente los casos en los que la librería sería una opción válida a utilizar, entre los cuáles están:

• Cuando necesites reproducir contenido de video sin incluir dicho recurso en tu aplicación ya que eso haría pesado tu proyecto y no es lo más óptimo.
• Cuando necesites que el usuario pueda volver rápidamente a tu aplicación después de haber reproducido el video.
• Cuando quieras ahorrarte el trabajo de construir una aplicación especializada en reproducir videos de Youtube.

Partiendo de esto, el siguiente paso es conocer qué parámetros necesita la librería para poder hacer su trabajo. Como lo dije líneas arriba, la librería consta de una activity que mandaremos a llamar a través de un Intent pero con la particularidad de que no nos dará la opción de elegir una aplicación externa, sino que el usuario verá que el video lo reproduce la propia aplicación. El parámetro que necesita esta activity es el ID del video. En las URL’s de Youtube podemos identificar este atributo como la cadena que sigue de “v=”. Por ejemplo, en esta URL: “http://www.youtube.com/watch?v=_JkkkdH6zTQ“, la ID corresponde a: “_JkkkdH6zTQ“.

Por esa razón, vamos a diseñar una pantalla que nos pida un ID válido para que podamos mandar a llamar a la activity de la librería y podamos verla en acción.

6. Modifico entonces el archivo res > layout > main.xml para que tenga el siguiente código:

Las cadenas de texto que utilizo en esta pantalla son las siguientes y las he agregado en el archivo res > values > strings.xml:

 7. En la actividad principal de nuestro proyecto vamos a llamar a OpenYouTubePlayerActivity, que es la actividad que se encarga de reproducir los videos. Esta actividad es la que viene incluida en la librería; el resto de las clases se utilizan para darle forma al funcionamiento de la misma. Entonces, nos resulta realmente sencillo construir la llamada. Mi código es el siguiente:

Aquí lo único que estoy haciendo es instanciar mi EditText que es en dónde escribo directamente el código del video que quiero reproducir, y el Button que me ayudará a mandarle ese ID a OpenYouTubePlayerActivity. La parte importante del código son estas dos líneas:

Intent lVideoIntent = new Intent(null, Uri.parse(“ytv://”+videoId), MainActivity.this, OpenYouTubePlayerActivity.class);

startActivity(lVideoIntent);

En dónde creo el Intent utilizando el constructor que recibe cuatro parámetros: action, uri, packageContext y cls. (Ver documentación oficial).

8. Para que todo salga bien, necesito agregar algunos datos al AndroidManifest.xml tales como el registro de la actividad OpenYouTubePlayerActivity y los permisos de acceso a internet y a la información del estado de la WiFi. De tal forma que tu archivo manifest deberá verse como este:

Es importante resaltar que dado que la actividad que estamos registrando no pertenece a ninguno de nuestros paquetes, es necesario escribir el nombre completo con los espacios de nombres de la librería para que nuestra aplicación no nos lance un error al ejecutarla.

Otro detalle es que le hemos habilitado la orientación landscape para que el usuario vea de forma más cómoda el video.

9. Procedemos a ejecutar la aplicación y tendremos como resultado lo siguiente:

Leyendo en la parte de la Wiki de este proyecto, vi que varios usuarios han tenido problemas para agregar la librería y utilizarla directamente del archivo Jar. Si llegas a tener algún problema también o bien, quieres personalizar los controles del reproductor te recomiendo descargarte el código fuente del proyecto a través de SVN. La sección Source del proyecto la puedes encontrar aquí junto con el link del repo para poder tener las clases que conforman las librerías.

La clase OpenYouTubeActivity es la que tendrás que modificar para personalizar los controles y otras cosas que necesite tu proyecto. Por último, te recomiendo que cuando agregues estas clases a tu proyecto lo hagas asignándoles un paquete propio para que te sea siempre más sencillo identificar el código correspondiente a un “módulo” específico de funcionalidad.

Espero que el uso de esta librería te sea de utilidad, recuerda también siempre agradecer y reconocer el trabajo de los demás cuando utilices una librería de terceros.

¿Te gustó este post? ¡Compártelo!

Estás iniciándote en el desarrollo móvil y te preguntas: “¿Por dónde empiezo? ¿Qué debo saber? ¿Cómo debo programar?”.

Yo parto de una primera premisa “El desarrollo móvil NO es fácil pero tampoco es imposible”. Lo más importante al inicio, aparte de irte familiarizando con las herramientas y con los lenguajes que puedes utilizar del abanico de opciones disponibles, es estar al tanto de las arquitecturas que te permitirán crear buenas aplicaciones no sólo desde el enfoque de performance sino también desde un enfoque técnico.

El día de hoy vengo a platicarte de la arquitectura que se utiliza en el desarrollo móvil, su importancia y por qué si aún no la conoces debes considerar seriamente empaparte de ella para cambiar tus prácticas de programación.

En Android utilizamos el patrón de arquitectura llamado Modelo Vista Controlador (MVC) cuya principal bondad consiste en separar los datos de una aplicación, la interfaz de usuario y la lógica de negocios en tres componentes distintos que se relacionarán para al final tener como resultado nuestra aplicación.

De esta forma podemos seccionar de forma más fácil nuestro equipo de trabajo y dedicarnos a desarrollar nuestros componentes de tal forma que construyamos módulos o librerías con funcionalidades específicas que incluso podríamos reutilizar en proyectos posteriores y no simplemente en el proyecto actual. Para lograr esto, el diseño de la arquitectura de nuestra aplicación juega un papel importante y la capacidad de abstracción que tengamos desarrollada.

Por ejemplo, yo me podría dedicar a desarrollar una librería que me permita hacer conexiones con la API de Twitter. En mis clases puedo diseñar todas las funciones que me ayudarán a lograr las llamadas al protocolo OAuth, aquellas que me permitan twittear, recuperar información de tweets, followers, trending topics, etc. Esta librería, con un buen diseño y abstracción podría ser útil para todos los proyectos que necesiten conectarse con Twitter.

Volvámonos un poco teóricos y expliquemos de qué se tratan los componentes de este modelo:

• Modelo. Nos referimos con modelo a las representaciones que construiremos basadas en la información con la que operará nuestra aplicación. En Java, el modelo viene siendo análogo a los beans que tienen la particularidad de ser reutilizables y nos ayudan a cumplir con el proverbio de oro “Don´t Repeat Yourself” (DRY) haciendo a nuestras aplicaciones escalables. En esta parte del modelo también juega la decisión de qué modelo para almacenar información utilizaré. ¿Base de datos? ¿Web services? El modelo que elijas depende obviamente de las necesidades de información de tu aplicación. Actualmente tenemos tutoriales de SQLite y WebServices que te pueden ayudar.
• Vista. La vista no es más que la interfaz con la que va a interactuar el usuario. En Android, las interfaces las construimos en XML. Suelo utilizar mucho la analogía de que esta parte es realmente parecida a lo que hacemos en el desarrollo web con los CSS. Contruimos nuestro esqueleto en XML que equivale al HTML de un sitio. Posteriormente, con ayuda de estilos, que también los escribimos en XML, podemos empezar a darle formato de colores, posiciones, formato, etc. a nuestro esqueleto. Esto equivale a los CSS. Si vienes de un ambiente web, aprovecha ese conocimiento para aplicarlo a crear aplicaciones Android. Si quieres saber más acerca de estilos, checa este tutorial.
• Controlador. Finalmente nos topamos con el controlador que son todas esas clases que nos ayudarán a darle vida a esas interfaces bonitas que ya construimos y nos permitirán desplegar y consumir información de/para el usuario. Estos controladores se programan en lenguaje Java y son el core de la aplicación.

¿Puedes ver la ventaja? Así es, podemos tener perfiles especializados en construir cada uno de estos componentes y tener un resultado de calidad en cada uno y al final obtener una buena aplicación. El truco para que todo salga bien es ser disciplinados para poder ser programadores ordenados, eso es vital en la aplicación de esta arquitectura. Por experiencia, te puedo decir que si te esfuerzas en construir una buena arquitectura de aplicación te ahorrarás muchos dolores de cabeza después y te evitarás tener que duplicar líneas de código que hacen lo mismo, podrás escalar fácilmente tu aplicación, agregar funcionalidades nuevas sin tanto embrollo y ¿por qué no?, facilitar el comienzo de nuevos proyectos.

Para empezar a aplicar esta arquitectura debes saber también su flujo:

1. Todo parte cuando el usuario interactúa con tu aplicación, el jugador actual es la vista. (El usuario quiere mandar un Tweet).
2. El controlador recibe la notificación de la acción solicitada. (Por medio de un handler verificará si el usuario está logueado o no en su cuenta de Twitter).
3. El modelo es llamado para ser modificado. (Podemos accesar al caché de tweets que se tenían desde la última vez que el usuario abrió la aplicación y se conectó a Internet y agregar el nuevo tweet).
4. Una vez que tenemos los nuevos tweets y la publicación que quiere hacer el usuario, el controlador nuevamente toma partida para llamar a la vista correcta que desplegará el Timeline actualizado.
5. ¡Listo! El usuario ya tiene la nueva interfaz para seguir interactuando con la aplicación y volver a iniciar el ciclo cuando solicite otra acción.

Otra de las cosas que te ayudan a seguir este modelo es tener ordenado tu proyecto. Utiliza las convenciones de los lenguajes que utilices y las buenas prácticas para que sea más fácil acoplar a tus compañeros de equipo (no siempre uno solo se echa el paquete de hacer una aplicación y menos aún si es una compleja). Te aconsejo empezar con cosas tan sencillas como el nombramiento de paquetes, clases y variables, y después organizar los recursos que vayas a utilizar delegando siempre a cada componente lo que le corresponde.

En la web puedes encontrar muchos recursos que puedes leer para ver ejemplos de la aplicación de esta arquitectura. No es algo nuevo pero algunos no la conocen.  Sin importar que encuentres un ejemplo para web, recuerda que en la programación únicamente cambia el lenguaje, la lógica y la metodología es la que se preserva.

Si aún no utilizas esta arquitectura para construir tus aplicaciones Android creo que es un buen momento para tomarlo en cuenta y empezar a aplicar.

¿Te fue útil este post? ¡Compártelo!

Referencia teórica: Wikipedia

Siguiendo con los tutoriales que les pueden ayudar a agregar widgets muy atractivos y funcionales en sus aplicaciones, el día de hoy les vengo a platicar de SlidingDrawer, un componente nativo del SDK de Android. Para que te des una idea del widget del que estoy hablando, aquí te va una imagen:

El menú que aparecía en las primeras versiones de Android se puede “duplicar” en funcionalidad con el componente que conoceremos el día de hoy. Para empezar a ver cómo implementar este componente he creado un nuevo proyecto llamado SlidingDrawerTest con la versión 2.2 de Android.

1. El primer paso es conocer qué necesitamos para armar la parte visual del SlidingDrawer y para ello resulta bueno echarle siempre un vistazo a lo que nos dice la documentación oficial. Este componente puede tener un scroll vertical u horizontal, nuestra selección dependerá obviamente del resultado visual que queramos obtener.

Este widget se compone de dos partes importantes: un handle y un content. El primero corresponde a la imagen/pestaña que dispara los eventos de ocultar y mostrar el contenido; el segundo es el contenido que se mostrará cuando el componente se encuentre en su estado “abierto”. Sabiendo esto, podemos empezar a bosquejar qué recursos de imagen y de widgets en XML necesitaremos agregar a nuestra aplicación.

El caso que me llevó a utilizar este componente fue que necesitaba desplegar un Scroll de imágenes que en su estado normal estuviera oculto y que al dar clic sobre una pequeña pestaña se mostraran las imágenes. A continuación te comparto un borrador de lo que al final tendremos con nuestro ejemplo:

Así que para empezar voy a agregar los recursos de imagen necesarios para poder concluir mi ejemplo. Los recursos que voy a utilizar los puedes descargar desde este link.

Una vez que descomprimas el archivo, estas imágenes deberás pegarlas en el directorio res > drawable de tu proyecto.

2. Para ir armando la interfaz de usuario te aconsejo que siempre trates de descomponer tu bosquejo en partes sencillas para que puedas trabajar de forma más cómoda el diseño en XML. De acuerdo al bosquejo que te compartí arriba, vamos a empezar por crear el layout de cada una de las imágenes que quiero mostrar en el scroll. Para ello, he creado un archivo llamado imagen_scroll.xml que tiene el siguiente código:

El resultado visual de este layout es darle formato a cada una de las imágenes que me interesen agregar a un scroll horizontal que se mostrará cuando el SlidingDrawer se abra. El código de arriba debe darte algo como esto:

3. El siguiente paso será diseñar la parte del layout que corresponde al SlidingDrawer. Para ello he modificado el archivo main.xml para que contenga el siguiente código:

 He definido primero un LinearLayout que abarque todo el espacio de la pantalla y le he definido un atributo android:gravity con bottom|fill_horizontal para que el SlidingDrawer se vaya hasta la parte inferior de la pantalla como lo bosquejé en un principio. El componente SlidingDrawer tiene asignado una ID para que pueda manipularlo desde mi activity y también tiene declarados dos ID’s más que corresponden al handle y al content que anidará más adelante.

4. Para la parte del handle voy a definir un LinearLayout que contenga la imagen que corresponde al tab que yo quiera según el diseño de mi aplicación. En este paso utilizaremos una de las imágenes que agregamos en el primer paso. Por lo tanto el código que te muestro a continuación lo escribirás dentro de las pestañas <SlidingDrawer>…</SlidingDrawer>:

Como podrás observar, es al LinearLayout el componente al cuál le mando a llamar el ID handle que ya había definido el componente. Posteriormente le asigno un ID al ImageView para poder manipularlo desde el código.

5. Para terminar esta parte, voy a agregar, seguido del código anterior, la declaración de los componentes que corresponden al content del slidingDrawer. El código es el siguiente:

En este caso, es un HorizontalScrollView el que llevará la referencia al ID content. Un HorizontalScrollView únicamente puede contener un elemento hijo de forma directa, por lo que le anido un LinearLayout que me ayudará a agregar todas las imágenes que necesite mostrar en el scroll. Como este simplemente es un demo, insertaré de forma “manual” las imágenes. En un caso real, estas imágenes podrían agregarse en tiempo de ejecución a través de un Web Service, una Base de datos o cualquier otro método que estemos utilizando para recuperar una serie de imágenes.

Como en un paso anterior hicimos el layout de cada una de las imágenes que contiene el scroll, podemos insertar este diseño dentro de otro con la etiqueta <include…>. Esta práctica es muy parecida a la utilizada en diseño web en dónde puedes trabajar trozos de la interfaz que se repetirá en más de una página y así no tener que escribir el mismo código muchas veces. En el desarrollo móvil es igual y resulta muy útil y mantenible esta práctica.

6. Ahora que ya tenemos nuestra interfaz lista podemos ejecutar nuestro ejemplo y ver el resultado visual que es el siguiente:

7.  Pues al parecer casi todo quedó bien. El detalle que nos falta trabajar es la imagen de la pestaña. Regularmente queremos que la imagen de la pestaña cambie para indicar su estado. Para ello, contamos con tres métodos que podemos implementar en nuestro componente SlidingDrawer y son los siguientes:

• OnDrawerCloseListener. Que se ejecuta cuando el contenido del componente está oculto.
• OnDrawerOpenListener. Que se ejecuta cuando el contenido del componente se muestra y pasa a estar abierto.
• OnDrawerScrollListener. Que se ejecuta cuando el scroll está en proceso.

8. Entonces, para cambiar la imagen de la pestaña tenemos que implementar los métodos OnDrawerCloseListener y OnDrawerOpenListener. Para ello, nos vamos a nuestra activity y escribimos el siguiente código:

Para poder implementar los métodos es necesario tener una referencia al componente SlidingDrawer; por esa razón, he declarado una variable de esta clase llamada mySlidingDrawer. Después, como nuestro interés se centra en cambiar la imagen de la pestaña, entonces debemos crear otra variable de tipo ImageView que apunte a la imagen que representa la pestaña.

En el método onCreate() simplemente recuperamos las referencias según los Id’s que les hayas asignado a tus componentes. Por último, implementamos los métodos aplicando los listeners a la variable mySlidingDrawer. Cuida mucho que tengas las sentencias import necesarias para que tu código no marque errores. Ahora simplemente utilizamos el método setImageResource de la ImageView para cambiar la imagen de la pestaña. Con esto, volvemos a correr el ejemplo y veremos que este detalle ya está resuelto:

 Por último, si quieres que adicional al efecto de deslizar que ya presenta este componente quisieras que también se habilitara mostrar el contenido del SlidingDrawer al dar un clic sobre la pantalla puedes agregarlo sin problemas agregando el atributo android:allowSingleTap=true.

Este componente es muy útil y vistoso, espero que te sea de utilidad este tutorial para mejorar cada vez más los diseños de tus aplicaciones.

¿Te gustó este post? ¡Compártelo!

 En Androideity queremos traerte solo los mejores juegos para Android, aquellos que están esperando que sean jugados y llevados a su máxima capacidad, es por eso que hoy te acercamos esta recomendación que fue uno de los mejores juegos en el momento de su estreno ya que no tenía muchos competidores en el ecosistema Android y los dispositivos en los que podía correr no llenaba una lista muy larga, pero con el avance de la tecnología y la gran oferta de dispositivos con sistema operativo Android que hay hoy en el mercado, Modern Combat es una experiencia de juego que no debes dejar pasar. Es cierto que ya tenemos la entrega 3 de este juego, la cual analizaremos en su debido momento, pero queremos mostrarte porque se habló tanto de este juego cuando salió al mercado.

Los juegos que están hoy en día llenando nuestros televisores con personajes de acción, misiones a cumplir y enemigos a derrotar, tienen una historia que nos llena de nostalgia cuando recordamos aquellos momentos en donde las gráficas no eran lo importante, sino las emociones que despertaban estos juegos tipo FPS o también llamados tipo “Shooter”. Tal vez si eres muy joven no tuviste la oportunidad de ver como eran los juegos en 3 dimensiones anteriormente, los cuales fueron la base para juegos como Modern Combat, así que te invitamos a que veas un poco de Wolfenstein, un juego que ya tiene sus años, pero que levantaba muchas emociones en su momento:

Si viste el video que te invitamos, te podrás dar cuenta que la temática es muy similar al juego que hoy te traemos, Modern Combat 2 de la empresa Gamelof que presenta en su página oficial el juego de la siguiente manera:

Termina lo que comenzaste.

En Modern Combat 2: Black Pegasus, completa la misión desvelada en la primera parte de uno de los FPS más aclamados para Android, esta vez con frentes por todo el mundo.

Modern Combat 2: Black Pegasus mejora el juego ya ejemplar del primer juego de Modern Combat con una asombrosa inmersión en una experiencia de guerra moderna y con uno de los modos multijugador FPS más completos para Android.

Y el video de presentación oficial del juego es el siguiente:

No necesita mucha explicación este juego, cuentas con diferentes armas para luchar en diferentes misiones que te plantean a lo largo de los diferentes continentes, pero si eres de Colombia, el último capitulo te será muy familiar, así que si sabes a que nos referimos compártelo en los comentarios a ver si acertaste. Pero no solo se queda en las misiones, también tienen la posibilidad de jugar en línea tanto por internet como en red WiFi con amigos que tengas cerca, creando tus propios sesiones en los diferentes escenarios.

 En la pantalla principal del juego encontrarás el joystick para desplazar al personaje principal por los diferentes escenarios, el botón de disparar, el de apuntar, el de agacharse, el de pausa, así como las diferentes opciones de armas, y las granadas o los gases lacrimógenos para dispersarse y distraer a tus oponentes. Para mover la vista principal debes desplazar tu dedo en la parte derecha de la pantalla y cuando te encuentras muy cerca a un oponente aparece la opción de acuchillar a tu oponente. Así que tienes mas de 7 controles que debes tener en cuenta para jugar y cumplir todas las misiones.

 Lo que es más destacable de este grandioso juego es su modo multijugador en el cual puede jugar en línea hasta con 10 usuarios compañeros, y 10 oponentes, en diferentes misiones como rescata la bandera, batalla por equipos y desactivar la bomba. Sencillamente debes crear una cuenta en Gameloft, en donde en primera instancia tienes nivel 1 y a medida que vallas derrotando oponentes,  y ganando misiones, vas subiendo tu nivel y ganando mejores armas, de las 15 diferentes que tienes disponibles. No puedes dejar de probar este modo on-line porque es lo mejor de este juego, y siempre encontraras una sesión activa, o sino puedes crear la propia e invitar a tus amigos para que se unan. Mi nombre de usuario es JaimeYesidLeon, si nos encontramos y luchamos juntos.

 El juego está calificado en la Play Store en 4.0, juego que lo pone entre los mejores de su categoría; hay que tener en cuenta que los problemas van a surgir si no tienes tu teléfono libre de cache, y si no tienes un buen espacio de memoria libre, además la memoria RAM del móvil debe estar libre en su mayor medida, y con esto nos referimos a que no estén muchas aplicaciones corriendo al tiempo. Para que tu juego funcione ok debe tener por lo menos Android 2.1, y al menos 600MB en memoria libre para la descarga de los datos adicionales. Los comentarios en las calificaciones en general son muy buenos, aunque también se encontrarán problemas inevitables:

 Observaciones personales

Después de comprar este genial juego, haber cumplido todas las misiones y estar jugando en línea por un muy buen tiempo, tengo que decir que es un juego excepcional, tan solo el intro hace que quieras cumplir todas las misiones a cabalidad lo más pronto posible; entras directamente en la historia que traes desde la primera entrega, además la manera en que se desarrolla el juego hace que te enfoques en la acción pura, te ponen de una vez en el campo de batalla y nada de entrenamientos aburridos, de una a lanzarte a cumplir tus misiones.

Los gráficos son magníficos no tienen nada que discutir, son muy realistas y acordes a cada misión que te es asignada, además el ambiente es bastante bueno animado con buenos efectos de guerra en vivo, y enemigos muy bien diferenciados. Y que tal el modo multijugador que te mostramos:

Como te decíamos, lo mejor del juego es su modo multijugador, eso sí es la guerra en vivo, no tienes chance alguno, es salir al campo a ayudar a tu equipo a derrotar a los malosos del equipo contrario, o rescatando la bandera que te han capturado, o cuando estás solo debes luchar contra cualquiera que se te aparezca en frente; y que decir cuando te reúnes con tus amigos y formas un grupo especial, es una locura completa que no quieres dejar de jugar.

Así que no dejes de vivir una experiencia de un juego muy bien logrado que te hará derrochar adrenalina y vencer al que se te pase por el frente, te dejamos el enlace para lo vayas directo a descargarlo.

Descargalo directamente:

El SDK de Android nos proporciona muchas herramientas que nos ayudarán a hacer más fácil la tarea de crear aplicaciones Android. La mayoría de las veces me he encontrado con las dudas comunes de “¿Cómo mejoro el diseño de mis aplicaciones?”. Esta es una pregunta compleja porque involucra muchos skills y conocer cómo darle ese look&feel que vaya con la idea de lo que hace nuestra aplicación.

En el desarrollo de cualquier aplicación móvil hay que tomar en cuenta siempre tener un diseñador en nuestro equipo que nos construya el arte de la aplicación y quien nos genere también los recursos (imágenes en su mayoría) que utilizaremos en las interfaces. Si bien esto es básico, también lo es conocer cómo preparar esas imágenes para que se muestren lo mejor posible en las distintas resoluciones y tamaños de pantalla de los dispositivos Android en donde correrá nuestra aplicación.

Por esa razón, hoy te presento una herramienta del SDK de Android que te ayudará a que tus imágenes puedan conservar su calidad sin importar el tamaño de pantalla de tus dispositivos.

Esta herramienta se llama draw9patch y nos ayudará a generar archivos 9-patch a partir de imágenes PNG. Pero, ¿qué son los archivos 9-patch? Un gráfico 9-patch es básicamente es una imagen de mapa de bits extensible, es decir, un tipo de imagen que Android puede cambiar de tamaño automáticamente para ajustarse a la vista a la que se le ha sido asignado como background.

Para que esto vaya quedando más claro, pasemos al ejemplo para que puedas aterrizar los alcances de esta herramienta.

1. Actualmente tengo un un proyecto llamado Imagen9Patch con la versión Android 2.1.

2. En la carpeta drawable he agregado dos imágenes que me servirán como fondo para un botón (para cuando se encuentre en su estado normal y cuando sea presionado por el usuario). Estas imágenes las puedes descargar desde este link. (En caso de no tener la carpeta drawable, tendrás que crearla en tu proyecto).

3. Para definir la imagen que se desplegará como fondo del botón según el estado del mismo, he creado un archivo XML dentro de la misma carpeta de drawable cuyo nombre es fondo_boton.xml y cuyo código puedes ver a continuación:

4. Una vez definido esto, he agregado un archivo de estilos dentro de la carpeta values. Mi archivo se llama styles.xml y su contenido es el siguiente:

5. Por último, he modificado el archivo main.xml de la carpeta res > layout para agregar los cuatro botones en la interfaz de usuario. El código de este archivo es el siguiente:

**Cada uno de los botones tiene un texto, por ello, por cada botón hay un elemento de cadena de texto dentro del archivo strings.xml del directorio res > values.

6. El resultado es el siguiente:

Como puedes ver, los bordes de las imágenes se ven borrosas porque al parecer la imagen es más chica para el tamaño de los botones. La solución “más sencilla” sería pedirle a nuestro diseñador una imagen más grande para que el fondo de los botones mejorara su calidad en la pantalla pero hay otra solución: Utilizar imágenes 9-patch.

Para crear estas imágenes será necesario abrir la herramienta Draw9Patch que se encuentra en el directorio /tools del SDK de Android. Se trata de un archivo .bat. Lo ejecutas y enseguida verás la siguiente pantalla:

El primer paso es cargar la imagen que queremos convertir. Para ello, podemos arrastrar y soltar la imagen dentro de la ventana o bien ir a la opción File > Open 9-patch… y elegir la imagen deseada.

Yo he elegido cargar la imagen button.png del ejemplo arriba mencionado. Cuando carguemos la imagen la pantalla se nos mostrará como sigue:

En la parte principal tenemos nuestra imagen y nuestra área de trabajo donde aplicaremos los cambios necesarios. En la parte derecha se nos muestra la vista previa de cómo reaccionará nuestra imagen cuando el elemento se “estire” a lo ancho o a lo largo de la pantalla. Recuerda que estas imágenes las estamos ocupando como fondo de un botón, pero también pueden ser el fondo de un TextView o de cualquier otro elemento. En la parte inferior tenemos algunas herramientas como el zoom que nos permitirán tener mayor precisión al trabajar la imagen que hemos cargado.

Ahora bien, el chiste de la herramienta consiste en marcar líneas fuera del elemento y sobre un espacio que necesitemos que se expanda para ayudar a que la imagen no se vea pixelada. Cada vez que agreguemos una línea sobre la imagen podemos ver el resultado en la vista previa de la herramienta. Por ejemplo:

 En este caso he agregado cuatro líneas que representan el espacio que se repetirá para que las esquinas no se tengan que pixelear cuando el fondo se estire en un componente. Para poder visualizar las zonas que estará repitiendo Android cuando redimensione la imagen bastará con presionar el botón Show bad patches/Hide bad patches como te muestro a continuación:

Cabe mencionar que las líneas negras que dibujamos son de un pixel, cuando queramos borrar alguna presionamos Shift y damos clic sobre la porción de la línea a borrar que se representa por cada uno de los cuadros que conforman nuestra área de trabajo. Sencillo, ¿cierto?.

Cuando ya estemos satisfechos con el resultado que se muestra en la vista previa podemos pasar a guardar la imagen con la opción File > Save 9-patch… En este caso yo las llamaré tal cuál se llama la imagen original en PNG. Esta primera imagen entonces llevará el nombre de button.9.png.

Haré exactamente el mismo procedimiento para la segunda imagen para obtener button_over.9.png.

Cuando ya tenga las dos imágenes pasaré a agregarlas a mi proyecto. Para ello, deberás eliminar primero las imágenes que tienes actualmente en la carpeta drawable y posteriormente agregar las imágenes 9-patch.

Ahora volvemos a ejecutar la aplicación y veremos cómo nuestra interfaz ya ha mejorado notablemente. Los botones ahora no se ven deformes y los bordes de los mismos tienen un mejor aspecto.

Pues bien, este es el funcionamiento básico del uso de esta herramienta y que podemos utilizar en escenarios mucho más complej0s para lidiar con el rollo de las resoluciones de pantalla y también cuando tenemos elementos que variarán su tamaño según el contenido que tengan.

Espero que te sirva este tip, ya tienes una herramienta más para mejorar el aspecto de tus aplicaciones.

¿Te gustó este post? ¡Compártelo!

 Debo admitir que la mayoría de juegos para Android que recomendábamos en Androideity son geniales pero son casi exclusivamente dirigido a hombres, ya que la mayoría son de lucha y autos, a excepción de Angry Birds que está dirigido a todo tipo de público, así que hoy traemos un juego que no está precisamente dirigido a las mujeres pero sí a todo aquel que desee pasar unas largas horas de entretenimiento y pasar un rato muy agradable en las laderas y selvas de Pandora, sigue leyendo que de seguro no te arrepentirás.

En el mundo del cine hay miles de películas de diferentes géneros, estilos y temáticas, pero son mucho menos aquellas que generan tanta expectativa antes de ser estrenadas, y ese es el caso de Avatar, cuya película generó una atención impresionante por parte de los medios en todo el mundo a tal punto que mucha gente se asustaba de lo que podía generar esta película después de verla. Y es que James Cameron es un sello de éxito en el mundo del cine y con tantos rumores que se generaron detrás del estreno de Avatar todo el mundo esperaba que esta película cambiara el cine por completo, pero después de que ya pasó toda esta avalancha y la vimos nos dimos cuenta que sí es una gran película pero que no logró cambiar el cine como se creía. Te traemos el trailer oficial de esta película para que recuerdes un poco:

Sin duda alguna esta película es genial, y por eso el juego no podía tardar en llegar a nuestras consolas PS3 y Xbox donde consiguió llamar la atención de los fanáticos del género de aventura y acción de los videojuegos. Y es que si viste la película sabrás que las animaciones gráficas llevadas al cine serían fácilmente adaptable a las consolas debido a la manera en que se desarrolló la película- Mira este video que encontré en donde hablan sobre este juego para las consolas y el PC:

Como pudiste darte cuenta en el video, Avatar en videojuego tiene muchas cosas para ofrecernos, y también ha llegado la versión para dispositivos Android para ofrecernos horas de juego y entretenimiento puro. Gameloft se ha dado cuenta del potencial de Android en el entretenimiento y con el siguiente texto nos invita a jugar:

Adéntrate en el espectacular mundo de James Cameron’s Avatar™ y comienza un viaje de redención y descubrimiento, dos décadas antes de los acontecimientos de la película. Como capitán Ryan Lorenz, te convertirás en el primer Avatar y deberás transmitir tu consciencia al primer cuerpo híbrido de Na’vi y humano. ¿Podrás comprender la transformación que estás a punto de vivir? ¿Usarás tus poderes para salvar a los Na’vi o trabajarás con los humanos para destruir su mundo?

Como se menciona en la pagina de Gameloft, este juego no representa exactamente la película ya que se desarrolla 20 años atrás de la misma, es decir que el protagonista del juego es el hermano que murió y que fue el primer Avatar en explorar el mundo de Pandora, así que tú serás este personaje llegando al pueblo de los Navi y ayudarlos en contra de los humanos que quieren destruir su tierra y para esto te enfrentaras a los humanos, a los animales propios de Pandora avanzando hasta llegar al árbol sagrado, pero ya estando aquí se te asignarán misiones especiales que tendrás que cumplir para avanzar en el juego.

En esta imagen encuentras los diferentes controles e indicadores que usarás a lo largo del juego, el joystick en la parte izquierda, en la parte derecha baja encuentras 3 botones aquí representados el primero con unas flechas hacia arriba que será el que usas para saltar, después encuentras un botón que tiene una figura como de lanza y es con el cual luchas, golpeas, lanzas flechas y disparas, pero cuando te encuentras en una situación en la que tu personaje debe caer o agacharse entonces la imagen de este botón cambia a unas flechas que apuntan hacia abajo o si debes tener acceso al algún lugar o tener interacción con las plantas revitalizadoras entonces cambia a la forma de una mano, y el tercer botón que encuentras en esta parte te sirve para cambiar las armas que tienes a tu disposición, como lo son el garrote, el arco y las ametralladoras que tienes para atacar a tus oponentes.

 En la parte izquierda superior de la imagen encuentras el nivel de vida que tienes y que desciende cuando te atacan o cuando caes de lugares muy altos, pero si te fijas bien tienes un especie de botón el cual es el de pausa en donde entras a ver el mapa del lugar en donde te encuentras, así como las misiones que debes cumplir y la explicación del juego mismo. Para terminar en la parte derecha superior encuentras un símbolo que usas para sacar el máximo de tu poder al estilo Goku en Dragon Ball.

El juego tiene 15 niveles que sobrepasar para llegar al final del juego, en cada uno tienes que llegar de un punto A hasta un punto B sorteando los diferentes inconvenientes que se te presenten en el camino, pero el capitulo 7 y en el 15 te detienes en el árbol sagrado y debes cumplir con diferentes misiones y encargos que te hacen, así que estos son los capítulos del juego que son mas largos. Pero además en el juego tendrás interacción con los caballos y aves propios de Pandora que viste en la película haciendo que no se vuelva tan monótono y sea más interactivo.

 No tenemos calificaciones ni comentarios de los usuarios porque no se encuentra en el Android Market, para poder adquirir este juego tendrás que ir directamente a la página de Gameloft y hacerte del mismo. De los requerimientos no sabemos mucho, pero debes tener al menos unos 800Mbytes en memoria libres para usar al momento de descargar el juego y los datos del mismo. Como mínimo de seguro tu versión del sistema debe ser 2.1 o mayor para que no tengas problemas en el momento de la descarga.

Observaciones personales 

Después de comprar este juego y terminarlo, tengo que decir que me ha gustado muchísimo, es de esos que te dan ganas de jugarlo a cada rato, de superarlo y de seguir con una segunda parte al tener una gran dosis de aventura, retos no muy difíciles de sortear y con mucha variedad en sus ambientes, sobre todo al final de la partida.

Por ser un juego en alta definición sus imágenes son realmente sobresalientes y de mucho colorido, tanto los personajes como los ambientes hacen que te sientas en el mundo que vimos en la película, sin olvidar la trama que lleva detrás.

 Su trama hace que sea un juego dirigido a todo público, mujeres, niños, jóvenes, adultos, gamers apasionados y todo aquel que desee pasar un rato agradable de entretenimiento con su móvil, pero lo mejor de todo esta al final del juego, así que no debes dejar de terminar los 15 niveles porque de seguro la gente de Gameloft no está de brazos cruzados y traerá una segunda parte de este genial juego.

Hemos hecho un video con mucho cariño sobre este fabuloso juego que espero te guste y te animes a probarlo:

Los puntos en contra son pocos, pero tenemos que mencionar que no hay la posibilidad de jugar niveles anteriores al que te encuentras, ósea que si vas en el capitulo 8 y quieres jugar el 3 de nuevo porque te ha gustado mucho pues no lo puedes hacer, y si completas todos los 15 niveles llegando hasta el final pues debes continuar con una nueva partida desde el nivel 1 perdiendo la autonomía del juego y te obligan a llevar un hilo completo sin opción de variar, eso no me gustó para nada.

Como en la buenas películas lo malo siempre es el final, así como en los juegos y Avatar para Android sigue este mismo error, tiene un final que a mi modo de ver deja mucho que desear; tengo que admitir que el último nivel es el mejor de todos pero el final lo deja a uno preguntándose, “¿Qué pasó?” Entiendo que tal vez era por seguir la línea de la película, pero no deja de ser un punto en contra.

 Como puedes ver, no tiene muchas cosas que reprochar este juego y una de esas pocas cosas es que no lo encuentras en el Android Market. ¿Por qué? No sé, eso lo responderá la gente de Gameloft y sus razones tendrá, por eso debes ir directamente a la página de ellos y comprarlo, cuando lo compré me costo tan solo 2 dólares americanos, debido a una promoción que tenían.

Como siempre espero que te guste nuestra recomendación, y si tienes comentarios al respecto escríbenos, que en Androideity estamos siempre prestos a escucharte.

Cuando estamos programando aplicaciones para un dispositivo móvil como un Android, contamos con una variedad de recursos que enriquecerán nuestras aplicaciones si las usamos en conjunto con nuestra creatividad e imaginación. Dentro de estos recursos uno de los que me gustan mucho son los mensajes SMS, que te ayudarán mucho si en determinado momento no tienes la posibilidad de estar conectado a Internet y necesitas comunicarte con el mundo exterior, así que te traemos una explicación muy sencilla que te ayudará a conocer como se pueden enviar, recibir y manejar mensajes SMS automáticamente en un dispositivo Android.

Los mensajes de texto han ido desapareciendo en los dispositivos móviles inteligentes, ya que aplicaciones como Skype, Whatsapp, Messenger Live y muchísimas otras son mejores a la hora de entablar una conversación mediante texto escrito; el único inconveniente que tienen estas aplicaciones, es que las personas interesadas en comunicarse deben tener una conexión a Internet, cosa que no ocurre con los mensajes de texto SMS y ni si quiera la persona que recibe el mensaje debe tener una carga de tiempo para recibir el mensaje, lo cual lo hace propicio para aplicaciones especiales cuando no podamos estar conectados a Internet, como por ejemplo hacer una aplicación que cada tanto el dispositivo móvil envíe las coordenadas del GPS a una central de control para estar haciendo seguimiento por ejemplo a un carro transportador de mercancía, o por ejemplo enviar un mensaje a tu restaurante favorito para que vayan preparando tu platillo favorito y que se encuentre listo cuando llegues, en fin las posibilidades son grandísimas, solo es que las apliques a tu necesidad y hagas magia programando.

Sabemos que por medio de un Intent puedes enviar un SMS a través de la aplicación que viene por defecto el móvil, pero lo que te explicaremos es una manera en la cual manejar estos SMS sin necesidad de usar este servicio, así que vamos a hacer un ejemplo muy sencillo en el cual aprenderemos la manera de poder enviar un mensaje de texto con tan solo oprimir un botón, aunque no significa que sea la única manera, solo que es la más fácil, tu puedes cambiar ese botón por otro evento del móvil como por ejemplo dependiendo la hora, o dependiendo del lugar en el que te encuentres, o dependiendo de la temperatura de tu móvil, eso lo decides tu, nosotros lo hacemos con un botón para la explicación  pero con tu imaginación lo aplicarás a tus necesidades. Pero no solo eso, también haremos que nuestra aplicación lea los mensajes SMS y lo visualice en un Toast, lo cual nos sirve por ejemplo cuando estamos con ese video-juego que tanto nos gusta y no queremos cerrarlo para ir a ver que mensaje me ha llegado,  así se visualiza inmediatamente en mi dispositivo.

 Tenemos que recalcar que cuando estés manejando en tu aplicación los SMS o mensajes de texto, estos le generan un recargo al usuario del móvil, así que es muy importante que sepas usar de la mejor manera este recurso y hacerle entender de la manera más fácil al usuario de tu aplicación los costos que acarrea usar los mensajes SMS, debido a que el uso sin control o un error no previsto puede causar un gasto significativamente alto al usuario del dispositivo. Por tal razón hacemos énfasis en que Androideity no se hace responsable por mal uso que se le de a los conceptos aprendidos en este artículo, tan solo llevamos la información para que la aprendas a manejar de la manera mas correcta y la pueda usar en tus aplicaciones, pero no seremos responsables si llegan a surgir aplicaciones mal intencionadas que desean quitarle dinero a las personas buenas.

Aclarado todo y explicado todo lo que vamos ha hacer, entonces manos a la obra:

1. Crear un proyecto nuevo llamándolo como quieras, nosotros lo hemos llamado SMS, con el paquete que llamamos com.androideity.sms y con la versión de Android 2.3 y creamos la actividad principal llamándola MainActivity.

 2. El layout para esta aplicación va a ser muy sencillo, solo necesitamos un botón que vamos a usar para pulsar y que automáticamente envíe el SMS; asi que el layout seria algo como el siguiente:

 3.  El código que debe ir nuestra actividad principal MainActivity.java empieza importando las librerías necesarias destacando aquella que se llama android.telephony.SmsManager debido a que con esta nuestro programa manejara los mensajes SMS que enviemos. También crearemos e instanciaremos el botón que usaremos para enviar nuestro mensaje, con lo que el código va quedando de la siguiente manera:

 4. Continuamos configurando el botón con el método setOnClickListener para que cada vez que oprimamos el botón sea escuchado y llame a un método que llamamos sendSMS al cual le pasamos 2 parámetros en formato String, uno es el numero del teléfono del móvil al cual vamos a enviar el SMS y el otro es el mensaje que enviaremos. Quedando el segmento de código de la siguiente manera:

5. Para terminar con el código de esta actividad, creamos el método que llamamos sendSMS, en el cual creamos un objeto SmsManager llamado sms y con el método sendTextMessage de este objeto enviaremos nuestro mensaje, finalmente quedando el código así:

 Debemos aclarar que este método le hace falta la verificación de envío, ya que de esta manera  no sabemos si realmente el mensaje fue enviado, eso lleva un poco más de elementos que de ser necesario los explicaremos en otro post, además no nos aparece la aplicación del móvil que normalmente vemos cuando vamos a enviar un SMS, simplemente es un mensaje “fantasma” que se envía automáticamente sin ninguna notificación o registro del envío, así que eso lo debes tener muy en cuenta cuando realices tu aplicación.

Ya tenemos nuestra parte del envío de SMS, ahora veremos la parte para recibir mensajes, para esto creamos una nueva actividad a la cual llamaremos SMSReceiver.java y  la cual no tendrá layout asociado pero tendrá que extenderse de la clase BroadcastReceiver la cual habilita a nuestra aplicación a recibir intents de otras aplicaciones usando el método sendBroadcast(). Y para poder manejar estos intents debemos crear un manejador o Bundle que nos facilita la tarea ya que los mensajes SMS son enviados en un formato llamado PDU (por sus siglas en ingles protocol data unit) y necesitamos una método especial llamado createFromPdu() que usaremos intrínsecamente con el bundle.

6.  Ya explicado lo anterior necesitaremos las sentencias import que hagan posible la recepción de los SMS dentro de los que son mas destacados son,  android.content.BroadcastReceiver para escuchar los SMS y android.os.Bundle para el manejo de los SMS, los demás importes ya los conoces, así que el código de nuestra actividad SMSReceiver.java inicia de la siguiente manera:

 7. Para recibir los SMS necesitaremos un solo método muy sencillo llamado onReceiver() al cual se le pasan 2 parámetros, uno es el contexto y el otro es un intent; dentro de este método creamos el objeto bundle pasándole los extras que necesitamos,  asi como otro objeto SmsMessage llamado msgs el cual estará null o vacio y es donde se almacenara cada SMS que llegue a nuestro dispositivo y por ultimo también crearemos un String llamado str que usaremos en el Toast para mostrar nuestro mensaje en formato de texto, así que el código sigue de la siguiente manera:

 8. Ahora vamos a escribir el código que se activa cuando ha llegado un mensaje SMS, empezando por evaluar si el bundle no está vacío, creamos un objeto pdu (el cual ya explicamos),  e instanciamos nuestro objecto msgs con el largo total del SMS que nos ha llegado, para que podamos saber que tantos caracteres debemos leer y mostrar al momento de crear nuestro String str, asi que el código sigue quedando así:

 9. Ahora creamos nuestro String con una sentencia  for que va evaluando el largo del SMS y va creando primero la dirección de quien ha enviado el mensaje, con el texto previo “SMS de:”,  después crea el cuerpo del mensaje que ha llegado, terminado con un salto de línea. Y para terminar con el código de esta clase, creamos un Toast que nos mostrara el String str cada vez que nos llegue un mensaje, así que el final del código seria el siguiente:

10. Para que nuestra aplicación funcione correctamente necesitamos indicar en el manifiesto de nuestra aplicación que necesitamos el permiso para enviar y recibir SMS asi como declarar que nuestra actividad SMSReceiver.java es del tipo receiver, lo que indica que no debe estar corriendo en nuestra pantalla para que se encuentre activa y realice su tarea correspondiente, para esto en nuestro archivo SMS Manifiest debe verse de la siguiente manera si asignaste los mismos nombres que nosotros usamos:

 Con esto ya terminamos nuestra aplicación, en la cual intentamos no ser muy extensos viendo lo más importante del manejo de SMS y esperando que no sea muy larga para ser estudiada, así que espero que te sirva para que tus desarrollos tengan mas recursos y puedas contar con más herramientas de trabajo y podamos aportar a nuestro querido sistema Android a crecer. Pero esto no queda aquí, como en cada uno de nuestros ejemplos te mostraremos como hacer esta aplicación y como funciona en la vida real, todos mostrado en un video para ti y para aquellos que nos buscan en Youtube.

Espero que te sea de ayuda este tema para tus futuras aplicaciones, espera pronto nuevos temas sobre esta fabulosa plataforma Android.

Nota: Si detectas algún error en el código, en la explicación, escrito o en el video, por favor escríbenos y con mucho gusto la corregimos. Agradecemos tu ayuda.
Nota 2: No te dejamos el código porque queremos que gastes teclado y aprendas escribiendo. Pero si necesitas algún código mostrado en este post, con mucho gusto te lo haré llegar.

Hola como les prometi les traigo la segunda parte del tutorial de widget antes de seguir es recomendable que vuelvan a leer la primer parte
en esta ocasion con los conocimiento adquiridos haremos un widget dinamico que pueda reaccionar a la interaccion con el usuario y se actualizea nuestra orden en lugar de esperar a que se actualize solo.

El widget que haremos hoy sera el sig.

Basicamente es un switch que al estar prendido o apagado prendera una luz de bajo, es un ejemplo

muy simple pero que servira para aprender conceptos nuevos que serviran de base para futuras creaciones.

En si se tratan de 2 layout que al tocar sobre el widget este se actualizara y cambiara al otro.

Manos a la obra!

Antes de empezar con el codigo debemos saber algunas cosas.

• RemoteViews

Como les conte en la primera parte en un widget el layout esta basada en un tipo especial de componente llamados RemoteViews

Segun la documentacion oficial es una clase que describe una jerarquía de vistas que se pueden mostrar en otro proceso.

La jerarquía es inflada desde un archivo layout, esta clase proporciona algunas operaciones básicas para modificar el contenido de dicha jerarquia.

Basicamente permite acceder a una vista y realizar modificaciones.

RemoteViews remoteViews = new RemoteViews(context.getPackageName(), R.layout.main);

se la ‘infla’ con el paquete context.getPackageName() y el layout a mostrar.
Tambien posee metodos para modificar contenidos de componentes como

remoteViews.setTextViewText(R.id.ID_textview,”valor a mostrar”); modifica el texto de un TextView.

• AppWidgetManager

Permite actualizar el estado de un widget obtener informacion acerca de AppWidget providers instalados y el estado de otro widgets.

mas informacion aqui.

ermite actualizar el estado de un widget obtener informacion acerca de AppWidget providers instalados y el estado de otro widgets.

AppWidgetManager appWidgetManager;

• ComponentName

import android.app.PendingIntent;
import android.appwidget.AppWidgetManager;
import android.appwidget.AppWidgetProvider;
import android.content.ComponentName;
import android.content.Context;
import android.content.Intent;
import android.content.SharedPreferences;
import android.os.Bundle;
import android.util.Log;
import android.widget.RemoteViews;
 
public class Miwidget extends AppWidgetProvider{
 
    private static final String ACTION_cambiarlayout = "a_cambiarlayout";  
 
    public String shprefreg="MSG_switch_status"; 
 
	 @Override
	    public void onUpdate(Context context, AppWidgetManager appWidgetManager,
	    int[] appWidgetIds) {
 
		 /*Accedemos al shared preference  shprefreg  y tratamos de leer, si hay algun error
		   mensaje tomara el valor "error" lo que indicara que no existe dentro de los shared preference
		   'MSG_switch_status' con lo cual lo creamos y añadimos  como valor off*/
 
		 SharedPreferences prefs =context.getSharedPreferences(shprefreg, Context.MODE_PRIVATE);
		 String mensaje = prefs.getString(shprefreg, "error");
 
		 if (mensaje=="error"){ 
 
		//si cuando intenta leer es error añade un registro.
         SharedPreferences.Editor editor = prefs.edit();
         editor.putString(shprefreg, "off"); //Estado apagado
         editor.commit();
 
         Log.e(" SharedPreferences error read", ""+mensaje);
         Log.e(" SharedPreferences W ->", "off");
         mensaje="off";
 
         }else{
        	 //No hubo error, ya existia .
             Log.e(" SharedPreferences read ok", ""+mensaje);
 
         }
		 //Actualizamos el widget con el estado leido previamente
    	 actualizarWidget(context, appWidgetManager, mensaje); 
 
		   }
 
	 public static void actualizarWidget(Context context,AppWidgetManager appWidgetManager, String value)
	{	
 
       RemoteViews remoteViews ; 
 
       ComponentName thisWidget;
 
       int lay_id=0;
 
       //Asignamos el layout a la variable lay_id segun el parametro recibido por value
       if (value.equals("on")){
    	   //ON
    	    lay_id= R.layout.main_on;
    	          }
 
       if (value.equals("off")){
    	   //off
    	    lay_id= R.layout.main_off;
 
       }
          //Vamos a acceder a la vista y cambiar el layout segun lay_id
          remoteViews = new RemoteViews(context.getPackageName(), lay_id);
          //identifica a nuestro widget
		  thisWidget = new ComponentName(context, Miwidget.class);
 
		   //Creamos un intent a nuestra propia clase
		   Intent intent = new Intent(context, Miwidget.class);
		   //seleccionamos la accion ACTION_cambiarlayout
           intent.setAction(ACTION_cambiarlayout); 
 
           PendingIntent pendingIntent = PendingIntent.getBroadcast(context, 0, intent, 0);
 
           /*Equivalente a setOnClickListener de un boton comun lo asocio con
           el layout1 ya que al tocar este se ejecutara la accion
           y con pendingIntent */
 
           remoteViews.setOnClickPendingIntent(R.id.layout1, pendingIntent);
 
           //actualizamos el widget
           appWidgetManager.updateAppWidget(thisWidget, remoteViews);
	}
 
	 @Override
     public void onReceive(Context context, Intent intent) {
		 //Controlamos que la accion recibida sea la nuestra
         if (intent.getAction().equals(ACTION_cambiarlayout)) {
         //Leemos nuevamente SharedPreferences
		 SharedPreferences prefs = context.getSharedPreferences(shprefreg, Context.MODE_PRIVATE);
		 String mensaje = prefs.getString(shprefreg, "error");
		 SharedPreferences.Editor editor = prefs.edit();
 
		 String new_status="";
 
         Log.e("! :)  status onReceive! ", mensaje);
 
         /* Si el estado que leimos es on definimos que el nuevo sea off y lo grabamos en  SharedPreferences
          * realizamos lo mismo con off pero usando on
          * El valor grabado lo utilizaremos para determinar el layout a cargar*/
 
         if (mensaje.equals("on")){
 
        	 editor.putString(shprefreg , "off");
             editor.commit();
             new_status= "off";
 
         }
         else if (mensaje.equals("off")){
        	 editor.putString(shprefreg , "on");
             editor.commit();
             new_status= "on";
 
        	 }
            //Actualizamos el estado del widget.
             AppWidgetManager widgetManager =AppWidgetManager.getInstance(context);
             actualizarWidget( context,widgetManager ,new_status);
 
         }
 
          super.onReceive(context, intent);
     }
 
	 }

Una vez que hallan leido el codigo es necesario explicar algunas cosas.
 El funcionamiento del widget es muy simple en el update (osea cada vez que se actualiza) lo que hace es al iniciar leer del
 Shared Preferences (si no saben como funcionan lean esto), si no encuentra el registro buscado lo crea si no lo lee y toma
 de la variable mensaje el layout a cargar el cual lo pasa al metodo
 actualizarWidget(context, appWidgetManager, mensaje);
 A este metodo vamos a verlo paso a paso:
 public static void actualizarWidget(Context context,AppWidgetManager appWidgetManager, String value)
 Como les comente anteriormente los vamos a utilizar para actualizar el widget.
 RemoteViews remoteViews ;
 ComponentName thisWidget;
 Con el parametro recibido en value
 determina cual de los 2 layout va a utilizar
 int lay_id=0;
 if (value.equals("on")){
  //ON
  lay_id= R.layout.main_on;
  }

if (value.equals(“off”)){
//off
lay_id= R.layout.main_off;
}
Luego vamos a acceder a la vista y determinar el layout segun lay_id
remoteViews = new RemoteViews(context.getPackageName(), lay_id);
creamos referencia a nuestro widget
thisWidget = new ComponentName(context, Miwidget.class);
Ahora creamos un intent a nuestra propia clase, nos llamaremos nosotros mismos.
Intent intent = new Intent(context, Miwidget.class);
seleccionamos la accion ACTION_cambiarlayout la cual al recibirla en onReceive realizaremos
intent.setAction(ACTION_cambiarlayout);
Lo siguiente en combinacion con el onReceive equivale a setOnClickListener de un boton comun el cual lo asocio con
el layout1 ya que al tocar este se ejecutara la accion y con pendingIntent
PendingIntent pendingIntent = PendingIntent.getBroadcast(context, 0, intent, 0);
que es un pending intent? aqui
Nos llamaremos nosotros mismo por lo cual usamos el intent y determinamos sobre a cual elemento se realiza
la pulsacion o sea el ‘click’ en este caso usaremos el layout1 ya que queremos que funcione al tocar todos el widget

remoteViews.setOnClickPendingIntent(R.id.layout1, pendingIntent);
Actualizamos el widget
appWidgetManager.updateAppWidget(thisWidget, remoteViews);
En el onReceive()
public void onReceive(Context context, Intent intent)
Para nuestra accion ACTION_cambiarlayout if (intent.getAction().equals(ACTION_cambiarlayout))
realizamos lo sig.
Leemos nuevamente SharedPreferences y obtenemos en que posicion se encuentr el switch

SharedPreferences prefs = context.getSharedPreferences(shprefreg, Context.MODE_PRIVATE);
String mensaje = prefs.getString(shprefreg, “error”);
SharedPreferences.Editor editor = prefs.edit();
String new_status=”";
Si el estado que leimos es ‘on’ definimos que el nuevo sea ‘off ‘y lo grabamos en SharedPreferences
realizamos lo mismo con off pero usando on
El valor grabado lo utilizaremos para determinar el layout a cargar cuando vuelva a ejecutarse el onUpdate

if (mensaje.equals("on")){
editor.putString(shprefreg , "off");
editor.commit();
Log.e("! shprefreg write -> ", "off");
new_status= "off";
}
else if (mensaje.equals("off")){
editor.putString(shprefreg , "on");
editor.commit();
Log.e("! shprefreg write -> ", "on");
new_status= "on";
}

Actualizamos el estado del widget pasando en el parametro new_status el layout a utilizar
AppWidgetManager widgetManager =AppWidgetManager.getInstance(context);
actualizarWidget( context,widgetManager ,new_status);
Con lo que aprendimos hoy podemos realizar widget mas complejos.
Les dejo un widget que hice el cual es un comunicador como en star trek que al presionarlo emite el sonido caracteristico de este
pueden bajarse el proyecto de eclipse de aqui.

Comparto con ustedes el codigo fuente que use en este ejemplo:

>Link de Descarga<

Esto fue todo por hoy en la siguiente entrega avanzaremos mas todavia.

Como siempre si tienen alguna consulta o sugerencia utilizen el cuadro de comentarios de bajo.

Hasta la proxima!.

Sebastian.