Cómo crear un widget

Los widgets son aplicaciones independientes que normalmente se pueden encontrar incrustadas en sitios de terceros como relojes, cotizaciones de subastas, cuentas regresivas de eventos, etc. funcionalidad a las aplicaciones existentes. Si puede crear una página web, entonces sabe cómo crear e implementar un widget, ya que utilizan la misma tecnología de JavaScript, DHTML y CSS. Los widgets pueden ser accesorios, aplicaciones o widgets de información. Los widgets accesorios son autónomos y se ejecutan independientemente de Internet o de una aplicación. Los widgets de aplicaciones se asocian completamente con una aplicación, mientras que los widgets de información funcionan con datos de Internet.

La Arquitectura

Paso 1

Inicie su editor de texto y cree un archivo HTML. El archivo HTML debe cumplir con el estándar XHTML 1.0 y superior para cumplir con las mejores prácticas del estándar web actual. Un código XHTML simple se verá así:

Widgets

Bienvenido al mundo de los widgets

Paso 2

Use la etiqueta para realizar una representación 2D completa para el widget si es necesario. El atributo "compuesto" es otra adición a la etiqueta que permite especificar cómo se representa la imagen ("imagen.png").

Paso 3

Use hojas de estilo en cascada (CSS) para diseñar el widget de modo que se muestre uniformemente en todos los navegadores. Parte del archivo CSS contendría el siguiente estilo:

Paso 4

Coloque el archivo anterior en un archivo separado. En este ejemplo, hemos guardado el archivo como "widget.css". Haga referencia al archivo usando la instrucción "importar" en el archivo html principal como se muestra:

Agregar dinamismo

Paso 1

Use el objeto "widget" para proporcionar una capacidad adicional. Por ejemplo, para acceder a las preferencias del usuario, use la siguiente línea de código:

widget.setPreferenceForKey (preferencia, clave) GO widget.preferenceForKey (clave);

Paso 2

Use eventos de activación para evitar el uso excesivo de tiempo de CPU o recursos de red por parte del widget. El siguiente código muestra cómo se hace esto:

Si (ventana.widget) { widget.hide =ocultar GO widget.show =mostrar GO

function hide() { if (timeInterval ==null) { timeInterval =setInterval (updateTime (true);", 500) GO } }

Agregue otras funciones al código como prefiera.

Paso 3

Cree el archivo "Info.plist" para identificar un widget y sus recursos. Este archivo varía en lo que debe contener según el tipo de widget.

Consejo

De acuerdo con los usos de la tecnología web, el dinamismo de los widgets se proporciona mediante JavaScript. Esto permite que el widget acceda a las preferencias del usuario en el sistema, gire los widgets para acceder a las preferencias, abra otras aplicaciones, responda a los eventos de la página web y ejecute comandos del sistema como herramientas de línea de comandos y scripts de shell.