Aprende de Windows/Modificando gadgets

Los Gadget o Widget, pequeñas aplicaciones por decirles de algún modo que se han convertido en algo que casi todos quieren tener en su computadora, y existen infinidades de ellos. Los otros días copie de un amigo más de 50 de estos y el resultado, tenía la ventana donde salen estos con más de 5 páginas, lo interesante era que la mayoría de los Widget eran de lo mismo (como 4 relojes, 3 papeleras…), la diferencia entre ellos eran la fachada. A donde quiero llegar es que si muchos crean Widget que ya existe solo cambian sus fachadas y su lenguaje de programación, por qué tú no lo puedes hacer. Aquí es donde entro y te enseñaré no solo a crear tu propio Gadget a partir de uno ya echo sino que también podrás unir todos eso Gadgets que al final la única diferencia en entre ellos son su imagen. Para hacer esto solo tienes que modificar un Gadget ya existente.

Primero que todo debes localizar la carpeta del Gadget que desees modificar, estos se localizan en una de estas tres carpetas:

  • C:\Archivos de Programas\Windows Sidebar\Shared Gadgets
  • C:\Archivos de Programas\Windows Sidebar\Gadgets
  • C:\Users (o Documents and Seting o Usuarios)\Yoandy Isse(en tu caso sería el nombre de tu sesión)\AppData\Local\Microsoft\Windows Sidebar\Gadgets

Nota: La carpeta AppData está oculta para revelarla en el Explorer, presiona en Organizar/ Opciones de Carpeta y búsqueda, te abrirá otra ventana, dirígete a Ver/ en el listado de abajo ``Configuración Avanzada´´ busca ``Archivos y carpetas ocultas´´ y activa la pestaña ``Mostrar archivos, carpetas…´´. Después pulsa aceptar

Para enseñarte este truco cogeré como ejemplo el Gadget del Reloj (el cual Windows Sidebar lo trae por defecto y es uno de los más usados)


La carpeta de este Gadget se encuentra en: `` C:\Archivos de programas\Windows Sidebar\Gadgets\Clock.Gadget´´. Bien ahora empezaremos hay dos formas una corta (remplaza una imagen ya existente por una nueva) y una larga (agregar una nueva imagen, pero abría que reprogramar el Gadget)


LA FORMA CORTA:


1.Dirígete a C:\Archivos de programas\Windows Sidebar\Gadgets \Clock.Gadget\ images (verás algo como lo que se muestra abajo)


2.Ahora busca la imagen que quieras poner de fondo para tu nuevo reloj (esta debe estar en formato .PNG y tener dimensiones de 130x 130px) y duplícala con los nombres: ``cronometer´´ y ``cronometer_settings´´ (Estos nombres son los del reloj que sustituiremos)

3.Pega las imágenes en la carpeta: ``C:\Archivos de programas\Windows Sidebar\ Gadgets\Clock.Gadget\images´´ (te saldrá un cartel de que ya existen imágenes con dichos nombres, sobrescríbelos)

AHORA ABRES EL GADGET DEL RELOJ Y TU IMAGEN SALDRÁ EN LA LISTA












LA FORMA LARGA:

  1. Dirígete a C:\Archivos de programas\Windows Sidebar\Gadgets\ Clock.Gadget\ images
  2. Ahora busca la imagen que quieras poner de fondo para tu nuevo reloj (esta debe estar en formato PNG y tener dimensiones de 130 x 130) y duplícala con los nombres: ``nombrecualquiera´´ y `` nombrecualquiera _settings´´
  3. Pega las imágenes en la carpeta: ``C:\Archivos de programas\Windows Sidebar\Gadgets\Clock.Gadget\images´´
  4. Duplica las manecillas de uno de los relojes de los que aparecen en la carpeta C:\Archivos de programas\Windows Sidebar\Gadgets\Clock.Gadget\images (son los archivos circulados abajo) y renombralos de la siguiente forma:

Suponiendo que cojas las manecillas del reloj que se muestra abajo se renombra así:

  • cronometer_dot ----------------- nombrecualquiera_dot
  • cronometer_h ----------------- nombrecualquiera_h
  • cronometer_m ----------------- nombrecualquiera_m
  • cronometer_s ----------------- nombrecualquiera_s


5.Ahora entra la carpeta: C:\Archivos de programas\Windows Sidebar\Gadgets \Clock.Gadget\es-ES\js (donde modificarás los archivos ``clock´´ y settings´´)

6.Presiona clic derecho sobre ``clock´´ y pulsa editar


Saldrá una ventana como esta donde en la línea:

    var clockThemes = new Array("trad", "system", "cronometer", "diner", "flower", "modern", "square", "novelty") 

Añadirás dentro del paréntesis al final el nombre de tu reloj (nombre de la imagen del reloj que creaste en el paso 2, ``nombrecualquiera´´).

   var clockThemes = new Array("trad", "system", "cronometer", "diner", "flower", "modern", "square", "novelty","nombrecualquiera")

Te quedará algo como te muestro arriba. Ahora en esa misma ventana desplázate hasta

   set clock to the new settings  

Más abajo verás algo como esto:

   case "wmp":
           clockFont = "Segoe Script Bold, " + clockFont;
           clockFontColor = "#FFFFFF";
           topPX -= 4;
           leftPX += 1;
           maxClockNameWidth = 100;
           clockPartsWidth = 13;
           clockPartsHeight = 129;
           clockPartsTop = 0;
           clockPartsLeft = 58;
           break;
    case "cronometer":
           clockFont = "Arial Narrow, " + clockFont;
           clockFontColor = "#FF0000";
           topPX += 6;
           maxClockNameWidth = 70;
           clockPartsWidth = 13;
           clockPartsHeight = 129;
           clockPartsTop = -1;
           clockPartsLeft = 57;
           break;
   }

Ahora después de ``break;´´ crearás una nueva línea con los siguientes datos:

      case "nombrecualquiera":	
           clockFont = "Calibri Bold, " + clockFont;			
           clockFontColor = "#6dadff";			
           clockFontSize = 10;			
           topPX += 18;			
           maxClockNameWidth = 60;			
           clockPartsWidth = 7;			
           clockPartsHeight = 81;			
           clockPartsTop = 46;		
           clockPartsLeft = 59;			
           break;

Cuando hayas terminado tendrás algo como esto:

      case "cronometer":
           clockFont = "Arial Narrow, " + clockFont;
           clockFontColor = "#FF0000";
           topPX += 6;
           maxClockNameWidth = 70;
           clockPartsWidth = 13;
           clockPartsHeight = 129;
           clockPartsTop = -1;
           clockPartsLeft = 57;
           break;
      case "nombrecualquiera":	
           clockFont = "Calibri Bold, " + clockFont;
           clockFontColor = "#6dadff";
           clockFontSize = 10;
           topPX += 18;
           maxClockNameWidth = 60;
           clockPartsWidth = 7;
           clockPartsHeight = 81;
           clockPartsTop = 46;
           clockPartsLeft = 59;
           break;
   } 

A continuación guarda este archivo (si no te deja guardarlo en la misma ubicación prueba guardándolo en otra como en mis documentos; después copias dicho archivo y lo pegas donde corresponde, sobrescribes el anterior)

7.Ahora editemos ``settings´´ En:

  var imageArray = new Array("trad_settings.png", … 

Agrega al final dentro del paréntesis: `` nombrecualquiera _settings.png; te debe quedar así

   var imageArray = new Array("trad_settings.png",...,nombrecualquiera _settings.png)

A continuación guarda este archivo (si no te deja guardarlo en la misma ubicación prueba guardándolo en otra como en mis documentos; después copias dicho archivo y lo pegas donde corresponde, sobrescribes el anterior)

AHORA ABRES EL GADGET DEL RELOJ Y SI HICISTE TODO EN ORDEN TU IMAGEN SALDRÁ EN LA LISTA

Ahora te toca a ti, dale utilidad a este truco al máximo, cambia el aspecto de tus Gadgets y personalízalos cada vez más a tus gustos

Aclaraciones editar

  • Te recomiendo que antes de modificar un Gadget le hagas una salva
  • Para hacer este truco sin ninguna interrupción debes cerrar en el ``Administrador de Tareas´´ el proceso sibebar.exe
  • Si estudias bien el lenguaje que utilizan los Gadges podrás hacer más cosas como cambiar el nombre de la firma, en nombre del Gadges e incluso cambiar el logo; solo tienes que pensar un poco y lograrás estos cambios
  • Este truco solo se ha probado en Windows 7