[Tutorial] Ultimate custom widget + VIDEOTUTORIAL

[ManuFlores]

¿Que es Ultimate custom widget? UCCW es una app que encontramos gratuitamente en el play store con la cual se pueden diseñar widgets a nuestro gusto para personalizar nuestros escritorios.

¿Donde lo descargo? De aqui-->https://play.google.com/store/apps/d...13aWRnZXQiXQ..

¿Hay que ser root? No

¿Requiere algun requisito especial? No hace falta nada especial, pero recomiendo cambiar de launcher ya que touchwithz de serie no nos deja personalizar mucho nuestros escritorios. Yo personalmente uso TSF shell pero hay otros lunchers similares gratis en el play store como nova, holo, apex ... Lo mejor de estos lunchers es que te deja poner los iconos/widgets donde te de la real gana y redimensionarlos. Pasarse por el topic del compañero satyr para mas info. http://www.htcmania.com/showthread.php?t=339332

Hay que tener muy en cuenta un par de cositas que conviene saber. Para trabajar con tipografias de letras, es importante que las letras nos las descarguemos en formato .ttf y hay que colocarlas en una carpeta llamada fonts en la raiz de la memoria interna.


Vamos al lio !!

Al principio, al abrir la app y ver su interfaz parece algo engorronosa y complicada, pero una vez se le coja el tranquillo se pueden hacer grandes cositas.



Diferenciamos 3 zonas en la interfaz del uccw.
1º Arriba tenemos 3 botones:

-Seleccionar Objeto: Para elegir el item con el que queremos trabajar. Justo debajo nos pone Active Object .... que es el objeto que tenemos seleccionado.

* HOSTPOTS es para colocar el area en el cual si pulsamos en el widgets hará la funcion que queremos que haga tal que abrir una determinada app, actualizar widget o apuntar a un acceso directo.



- Añadir o quitar items: Se despliega una lista con todos los item que podemos incluir en nuestro widget. La lista viene en ingles pero no hay que tener una carrera para entenderlo. Vienen por bloques en el siguiente orden:

> Tiempo y Fecha

> Texto estatico

> Bateria

> Localizacion y clima (Para personalizar los iconos del tiempo tenemos que meter la carpeta con los iconos en la siguiente ruta: memoria interna/ultimatecustomclockwidget/weather)

> Poligonos

> Imagenes

> Gmail

> LLamadas, mensajes, alarma

> Series (Aqui un pequeño ejemplo para explicar que es. Una serie de dia de la semana (day of the week series) te coloca todos los dias de la semana pero te resalta el dia en el que estamos)

> Variables de la app Tasker.

- SORT Orden de superposicion de los items. Que queremos que este por encima de que en caso que se superposicionen.

2º En el area grafica es donde vamos a trabajar e ir viendo los progresos del widget

3º Las cajas o controles de propiedades de los objetos. Aqui es donde realmente trabajamos con ellos.

CONTROLS #1 Comunes para todos los objetos.

Position - Posicion
Size - Tamaño
Angle - Angulo de giro
Alpha - Transparencia
Color - Color
Help - Ayuda (en ingles)

CONTROLS #2 Comun para casi todos los objetos. (excepto imagenes y background-fondo)

Special Effects -> See through effect - Al aplicar este efecto a un objeto, lo que hace es cortar con su silueta a los objetos que tengan por debajo (por ejemplo, pongo un poligono (shape1) de forma circular y en el centro de este pongo otro poligono (shape2) de forma circular tambien mas pequeño, ahora a shape2 le activo este efecto y lo que me da de resultado es un donut). Aqui tiene gran importacia el boton SORT.



con los objetos imagenes y fondo nos vienen 2 controles los cuales son
Image - elegir imagen de la galeria
Scale - Tamaño a escala

CONTROLS #3 Relacionado con la estilo del objeto.

Si el objeto son letras o numeros:

Font - Tipo de letra
Align - Alineacion (poco util ya que en contorls #1 podemos elegir donde colocarlos de manera manual)
Text - El texto que queramos que aparezca (disponible en texto estatico)
Case - Para que el texto se nos muestre tal cual está escrito (none), todo minusculas (lowercase) o todo MAYUSCULAS (uppercase)
Prefix - prefijo (algo escrito por delante)
Suffix - sufijo (algo escrito por detras)

Si el objeto es un poligono:

Style - Forma del poligono (hollow --> contorno)
Width - largo
Heigth - alto
Roundness - redondear esquinas (solo para rectangulos)
Thickness - grosor del contorno (logicamente solo disponible para hollow ...)

CONTROLS #4 Relacionado con las sombras

dx - eje X
dy - eje Y
Radius - Difuminacion de la sombra (0 = sin sombra, 1 solida ... 10 muy difuminada)

Hay mas controles especificos dependiendo del objeto con el que nos manejamos, pero eso ya lo mejor es que se vallan experimentando con ellos, ya que el resto son derivados de los anteriores.


Pasamos ahora a pulsar el boton tactil menu y se nos despliega lo siguiente:



* Hostpots mode - ON -> Para activar las zonas de los widgets que hemos programado y hagan su funcion. OFF -> Modo edicion. Click en el widget y abre uccw.

** Edit custom text file. La app tiene por idioma el ingles. A la hora de colocar el dia de la semana o el dia del mes como la condicion meteorologica ... nos saldra en ingles. Para crear nuestra lista en español lo que tenemos que hacer es lo siguiente:
En las propiedades del objeto buscamos un boton que ponga Custom text file, y seleccionamos make a custom text file. Se nos abre una lista y ahi es donde tracudimos a nuestro idioma lo que queremos que aparezca.



Para terminar con el tuto, la forma de incluir nuestros widgets pues hacemos lo siguiente:
En el escritorio, añadir widget y seleccionamos uccw con el tamaño que queramos.

Ejemplo 1. Hora y Nombres



Ejemplo 2. Bateria circular



Links interesantes:
PACK DE ICONOS: http://forum.xda-developers.com/showthread.php?t=824656
PACK DE SKINS UCCW: http://forum.xda-developers.com/show....php?t=1694879
Para toamr ideas o descargar skins: http://mycolorscreen.com

[ykokam]

Pedazo de tutorial....

Un Saludo.

[matuteiscar]

Gran trabajo muchas gracias

[ManuFlores]

: ). Gracias

[Bees]

Gracias por publicarlo, lo miraré detenidamente.