Personalización de Android: Construye tu propio widget desde cero con Zooper Widget

Zooper Widget permite crear widgets totalmente personalizados. Vamos a hacer uno «ocupado» que use casi todos los elementos para aprender, aunque la filosofía final sea «menos es más».

Preparación

• Instala Zooper Widget (gratis; Pro 2,49 € recomendado).
• Organiza imágenes/fondos en una carpeta.
• Añade widget vacío a pantalla (tamaño 1×1 y redimensiona si tu launcher permite).

Elementos principales

1. Texto (Hora): +Añadir > Texto. Tamaño ~1/3 ancho widget. Fuente a gusto. Desplazamiento Y negativo para subir.
2. Texto (Fecha): +Añadir > Texto > Editar manual. Cadena: #DE#, #DMMMM #Dd#, #Dy# (ej. «jueves, 22 mayo 2014»). Tamaño ~2/3 ancho. Debajo de hora.
3. Serie (Batería): +Añadir > Serie > Tipo: Batería. Fuente predeterminada 12, seleccionada 24. Desplazamiento Y para centrar verticalmente.
4. Icono escalable (Batería): +Añadir > Conjunto icono escalable > Iconos batería rellenos. Rotación -90°. Tamaño < hora. X Offset ~1/4 ancho desde izquierda.
5. Icono mapa de bits (Tiempo): +Añadir > Conjunto icono mapa de bits > ZW iconos tiempo. Tamaño similar al anterior. X Offset ~1/4 ancho desde derecha.
6. Barra de progreso (Wi‑Fi): +Añadir > Barra de progreso. Min=0, Valor=#NWSIG#, Max=9. Ancho entre iconos batería y tiempo. Curva -90, Rotación 45 para redondear y vertical. Espaciado 6, Split 1.
7. Rectángulo base (color fondo): +Añadir > Rect. Ancho/Alto cubren widget. Color complementario a wallpaper.
8. Círculo recortado (transparencia): Clona Rect anterior. Color distinto. Esquinas ~200 (círculo). Ancho/Alto iguales. Agranda 30% > widget. Esquema hasta que círculo encaje en lado corto. Modo dibujo: Borrar (crea ventana transparente).

Orden de capas

En Diseño, arrastra el primer Rect (base) al tope de la lista para que quede debajo de todo.

Toques finales

• Mapa de bits (foto): +Añadir > Mapa de bits > elige imagen > escala para cubrir círculo. Offsets X/Y para centrar. Capa justo encima del Rect base.
• Sombras: Difuminado ~6, Offset X/Y ~2 para legibilidad.
• Modos dibujo: Normal, Borrar (transparente), XOR (transparente al solapar). Opacidad en mapas de bits para efectos.

Acciones al tocar y Tasker (Pro)

Zooper Pro permite asignar acciones al toque (abrir app, lanzar tarea Tasker). Reto: panel que cambie Wi‑Fi, brillo, volumen y muestre icono auriculares. La semana que viene veremos parámetros avanzados para lograr lo del icono.

¡Comparte tus creaciones!