Archive
October 2010
Anuncio de los ganadores del Desafío Google Chrome
- octubre 21st, 2010
- News
- 0 Comments
Tras una semana analizando y valorando todas las extensiones recibidas nos alegra anunciar que la extensión ganadora del Desafío Google Chrome es “Chrome Palette”. Esta extensión ha sido creada por Daniel Pérez Álvarez y David Moreno Gómez. Aquí tenéis una breve descripción que han realizado sus creadores sobre lo que puedes llegar a hacer con esta extensión:
“¿Quieres crear una paleta de colores a partir de una imagen de tu página web? ¿O a lo mejor sólo quieres sacar algunos colores para inspirarte? Entonces ¡esta extensión es para ti!
Simplemente haz clic con el botón derecho sobre la imagen deseada, selecciona la opción 'Chrome Palette', y elige el número de colores que deseas que tenga la paleta.
Se abrirá una nueva pestaña, mostrando la imagen y la paleta de colores resultante. ¡Es así de fácil!
”
Fueron dos los factores determinantes para seleccionar a esta extensión como ganadora, lo primero fue la creatividad y lo segundo, y más importante, la utilidad. Como recompensa de su trabajo haremos entreaga de un movil Nexus One a Daniel y David.
Además nos gustaría hacer una mención especial de dos extensiones finalistas que nos han parecido muy interesantes. La primera es Chrome Puzzle, que te permite hacer puzzles con cualquier foto en la que hagas clic con el botón derecho del ratón. La segunda extensión es GeolClick con la que puedes saber cómo de lejos estás de cualquier dirección simplemente seleccionando la dirección en tu navegador y haciendo clic en el icono de GeolClick.
Os animamos a que probéis estas extensiones y muchas más que han sido subidas a la Galería Google Chrome durante este mes y medio de Desafío.
Bosco Zubiaga, equipo de Marketing de Google
Opciones de Menú en Android… Desmitificando
- octubre 4th, 2010
- News
- 0 Comments
En este artículo vamos a trabajar con las opciones de menú que nos provee Android, y de esta manera configurar opciones y asociar acciones a las que nuestra aplicación pueda responder.
Para continuar con este ejercicio deberemos tener instalado:
- Eclipse Helios Release
- SDK Android 2.2
En primer lugar debemos comprender la arquitectura y comportamientos que implementa Android para soportar un menú de opciones, en este artículo desarrollaremos únicamente un nivel básico de interacción de manera de llegar a una rápida implementación del objetivo.
En la siguiente gráfica identificaremos los componentes esenciales que conforman la arquitectura de menús en Android.
Fig.1 – Arquitectura de menú de Android
En la Fig.1 se observa la representación de una Activity, cada Activity está asociada a un objeto de menú y este último posee elementos de MenuItem y SubMenu.
Las clases claves a trabajar son:
- Android.view.Menu.
- Android.view.MenuItem.
- Android.view.SubMenu.
En este artículo el objetivo es crear opciones de menú simple y recrear un comportamiento elemental con estas opciones, no vamos a trabajar ni con agrupamientos de menú, orden ni submenús.
Vamos a la creación del ejemplo.
La práctica consiste en colocar un TextView en el layout y generar un menú con dos opciones: una que al ser pulsada escriba un texto en el TextView y otra que lo limpie.
Fig. 2 – Proyecto Android en Blanco
La Fig.2 muestra la generación de un proyecto Android simple con el nombre de “apMenuPractica1”, en él solo se tiene el esqueleto básico que provee la plantilla de Eclipse.
Vamos a insertar el TextView, que luego va a ser modificado por las acciones de menú, para ello trabajaremos sobre el archivo de layout principal “main.xml”.
Fig.3 – Layout del Proyecto
En la Fig.3 se muestra el diseño de la interfaz muy simple donde tenemos que tener en cuenta el “id” del control y su referencia a nombre “nota”.
Veamos como generamos las opciones de menú.
Como vemos en código debemos implementar dos métodos importantes para generar el comportamiento deseado:
- onCreateOptionsMenu
- onOptionsItemSelected
Fig.4 – Método onCreateOptionsMenu
La Fig.4 muestra la implementación del método “onCreateOptionsMenu”, en él se incorporan 2 opciones de menú, Agregar y Limpiar.
Estas operaciones generan un menú pero aun no respondes a ninguna acción, para ello deberemos implementar el método “onOptionsItemSelected”.
Fig.5 – Método onOptionsItemSelected
En la Fig.5 se puede observar la implementación del método que reacciona al pulsar las opciones de menú antes agregadas. Esta implementación determina el Id del ítem de menú que ha sido seleccionado y toma una acción sobre el texto del control identificado como “nota”.
Finalmente nuestra aplicación se ve de esta manera:
Les dejo el vídeo de implementación del ejemplo:
Espero les sea de utilidad..
