About Taringa!

Popular channels

馃搶C贸mo crear un widget personalizado para tu m贸vil Android con KWGT

Dicen que si quieres algo bien hecho, debes hacerlo t煤 mismo. Esto es perfectamente aplicable en los widgets para Android, pues a veces resulta dif铆cil encontrar un widget 煤til o que quede bonito en tu pantalla.

馃搶C贸mo crear un widget personalizado para tu m贸vil Android con KWGT published in Conexion Smartphone 鈽 800

En lugar de buscar aplicaciones que incluyan widgets a tu gusto, resulta m谩s f谩cil crear widgets a tu imagen y semejanza con aplicaciones como KWGT o, antiguamente, Zooper Widget. Aqu铆 te contaremos los primeros pasos para que puedas empezar a crear tus propios widgets para tu m贸vil.

1. Hazte con KWGT

Antiguamente, deb铆as elegir entre usar Zooper Widget o Kustom (KWGT) para crear widgets personalizados. Ambas aplicaciones te permit铆an hacer lo mismo y de forma similar, aunque no necesitas pensar si escoger uno u otro hoy en d铆a: s贸lo KGWT sigue en activo.

KWGT es una herramienta para crear widgets, que se encarga de hacer el trabajo sucio en segundo plano para que t煤 puedes decorar tu pantalla de inicio como m谩s te apetezca. La aplicaci贸n es gratis, aunque si le quieres sacar todo el partido y quitar los anuncios, debes comprar la versi贸n Pro con un pago 煤nico de 3,99 euros.

2. Elige el tama帽o

Ya con KWGT instalado en el m贸vil, abre el selector de widgets de tu lanzador (generalmente, con un toque prolongado en una zona vac铆a) y busca los widgets de KWGT. Los widgets de por s铆 est谩n vac铆os, as铆 que lo 煤nico que debes elegir en realidad es el tama帽o. Tienes todas las combinaciones posibles, desde 1x1 a 4x4.

馃搶C贸mo crear un widget personalizado para tu m贸vil Android con KWGT published in Conexion Smartphone 鈽 800

Despu茅s de a帽adir el widget, se mostrar谩 en la pantalla con el texto Haz clic para configurar o mant茅n pulsado para tama帽o. Si cambias de idea sobre el tama帽o, todav铆a est谩s a tiempo de redimensionarlo en los lanzadores compatibles, como Nova Launcher. Para empezar a editar tu widget, toca en 茅l.

3. Mejor empezar con una plantilla

馃搶C贸mo crear un widget personalizado para tu m贸vil Android con KWGT published in Conexion Smartphone 鈽 800

KWGT puede resultar abrumador, especialmente al principio. En lugar de empezar con el folio en blanco, te ser谩 bastante m谩s llevadero hacerte con el uso de la aplicaci贸n partiendo de una plantilla. KGWT incluye una peque帽a selecci贸n de dise帽os listos para usar, aunque encontrar谩s en Google Play montones de paquetes adicionales.

De hecho, puedes encontrar algunos de estos paquetes directamente en la pesta帽a Destacado de KWGT, donde encontrar谩s enlaces a paquetes con multitud de dise帽os y componentes. En la pesta帽a Instalado encontrar谩s aquellos dise帽os que est谩n listos para usar. Toca en el que m谩s te convenza para cargarlo en tu widget.

4. Modifica la plantilla

A continuaci贸n viene la parte m谩s entretenida, que es modificar el widget. Cada widget se compone de "art铆culos", que viene a ser algo as铆 como las capas en Photoshop. Un art铆culo es b谩sicamente una "cosa" o un componente que est谩 a帽adido en tu widget. Por ejemplo, bloque de texto, un icono que muestra la previsi贸n del tiempo o un cuadrado para usar de fondo.

馃搶C贸mo crear un widget personalizado para tu m贸vil Android con KWGT published in Conexion Smartphone 鈽 800

A su vez, cada art铆culo (y el widget en general) tienen propiedades que puedes cambiar en sus respectivas pesta帽as, como Fondo o Capa. Sin lugar a dudas que al principio e parecer谩 lioso, pero todo sigue una estricta jerarqu铆a. Por ejemplo, para editar el tama帽o del widget de ejemplo anterior, debes cambiar la escala en la pesta帽a Capa. Para cambiar las esquinas a redondeadas, es necesario entrar primero en la capa de fondo y luego cambiar el valor de esquinas. Estas son las pesta帽as disponibles en KWGT y su uso:

  • Art铆culos: muestra la lista de componentes o "cosas" que forman tu widget. Es algo as铆 como las capas de Photoshop.
  • Fondo: aqu铆 puedes configurar el estilo y color del fondo.
  • Capa: configuraci贸n con la escala, ubicaci贸n, rotaci贸n y zona horaria de la capa.
  • Globales: te permite crear variables que puedes usar como propiedades y variables en otros lugares, para evitar tener que repetirlas una y otra vez. Por ejemplo, puedes guardar un color y reusarlo en varios textos.
  • Contacto: Aqu铆 se configura c贸mo quieres interactuar con el widget. Por ejemplo, puedes hacer que al tocar en cierto componente o texto, se abra una aplicaci贸n.
  • Atajo: Es un lugar r谩pido para cambiar las acciones que hayas elegido en "Contacto"
  • Pintura: Aqu铆 puedes elegir el color y el estilo de componentes como cuadros u otras formas.
  • FX: Herramientas adicionales para modificar el aspecto, desde texturas a degradados, desenfoques y m谩scaras.
  • Posici贸n: una de las pesta帽as m谩s importantes, pues aqu铆 es donde debes ajustar la posici贸n de cada elemento.
  • Texto: en las capas de texto, aqu铆 puedes configurar el tama帽o, tipograf铆a, alineaci贸n y opciones similares.
    Al principio KWGT puede parecer un l铆o incomprensible, pero cuando te acostumbres a entrar religiosamente en el componente que quieres modificar para cambiar sus propiedades, todo cobra sentido. Un buen punto es que la previsualizaci贸n en tiempo real te deja en todo momento claro qu茅 ha cambiado al hacer cualquier ajuste.

5. A帽ade nuevos componentes

KWGT incluye de f谩brica bloques de texto, formas, im谩genes, barras de progreso, iconos, textos transformable, series y dos tipos de grupos, pero las opciones no terminan ah铆. Tambi茅n puedes incluir komponentes, que son algo as铆 como elementos algo m谩s complejos que puedes incluir directamente en tu widget.

Los "komponentes" son algo as铆 como widgets dentro de widgets

De nuevo, la aplicaci贸n trae unos cuantos de f谩brica (una barra de bater铆a, iconos con el tiempo, varios estilos de reloj), aunque podr谩s encontrar un mont贸n m谩s en paquetes como Andromeda for KWGT, disponible en Google Play. Uno bastante 煤til es el de la previsi贸n del tiempo.

馃搶C贸mo crear un widget personalizado para tu m贸vil Android con KWGT published in Conexion Smartphone 鈽 800

Los komponentes no son m谩s que un mont贸n de elementos est谩ndar unidos, de modo que al incluir uno en tu widget, es posible que se te a帽adan varios elementos a la lista. Puedes, igual que antes, modificarlos como quieras, cambiando su posici贸n, tama帽o y otros detalles. En el ejemplo anterior, he optado por poner un icono con la previsi贸n del tiempo actual debajo del reloj.

6. A帽ade informaci贸n

Un punto fuerte de KGWT es la posibilidad de usar variables en casi cualquier atributo, incluyendo el texto de un bloque de texto. Es una funci贸n que puede ser enormemente compleja, pero su uso b谩sico resulta relativamente sencillo. Por ejemplo, para a帽adir la temperatura actual en un cuadro de texto, toca en Texto, entra en el apartado wi - Informaci贸n del clima y toca en el primer bloque.

馃搶C贸mo crear un widget personalizado para tu m贸vil Android con KWGT published in Conexion Smartphone 鈽 800

Esto funciona b谩sicamente como f贸rmulas de Excel, de modo que puedes enlazar comandos uno tras otro para a帽adir distinta informaci贸n. Las f贸rmulas se encuentran clasificadas en 32 categor铆as abreviadas con dos letras y que permiten que las f贸rmulas no se hagan eternas. Dentro de cada categor铆a encontrar谩s ejemplos listos para ser a帽adidos con un toque.

Este sistema es incre铆blemente flexible hasta tal punto que puedes hacer completas virguer铆as con lo que quieres incluir en tu widget. Por ejemplo, si quieres a帽adir un sencillo texto en tu widget que diga si "hace fr铆o" o "hace calor", puedes usar la f贸rmula IF para comprobar si la temperatura es mayor a 30 grados.

馃搶C贸mo crear un widget personalizado para tu m贸vil Android con KWGT published in Conexion Smartphone 鈽 800

Las f贸rmulas pueden combinarse con variables globales para reusar los mismos valores en varios elementos y simplificar la complejidad de las funciones. Adem谩s de en texto, puedes usar f贸rmulas en casi cualquier propiedad de cualquier elemento, pudiendo por ejemplo cambiar el color de un texto seg煤n la temperatura, por poner un ejemplo relativamente sencillo.

6. A帽ade interactividad

馃搶C贸mo crear un widget personalizado para tu m贸vil Android con KWGT published in Conexion Smartphone 鈽 800

Tenemos nuestro widget personalizado ya pr谩cticamente listo. Si tocas en el bot贸n de guardar, lo podr谩s ver en tu lanzador, aunque al tocar en 茅l vuelves a KGWT. Si quieres que pase algo al tocar en un elemento (por ejemplo, que se abra una aplicaci贸n), necesitas ir a la pesta帽a Contacto de dicho elemento.

Por ejemplo, en nuestro widget ser铆a interesante que al tocar en el icono con la previsi贸n se abra la aplicaci贸n del tiempo. Para ello debes ir a la pesta帽a Contacto, tocar en el bot贸n +en la parte superior, tocar Ninguno -en Single- y luego en Ninguno -en Acci贸n-. Entre la lista de posibles acciones est谩 controlar la m煤sica, abrir aplicaciones, abrir enlaces o cambiar el volumen.

Cuando tengas tu widget listo, pulsa el bot贸n de guardar para poder ver los 煤ltimos cambios en tu lanzador. Si m谩s tarde quieres editarlo, podr谩s hacerlo abriendo KGWT directamente y eligi茅ndolo (en el caso de que tengas varios widgets creados).

0No comments yet