Arquitectura de widget
Los widgets son aplicaciones independientes que generalmente se pueden encontrar incrustadas en sitios de terceros como relojes, tickers de subastas, cuentas regresivas de eventos, etc. Los widgets son, por lo tanto, miniaplicaciones fáciles de implementar, rápidas de desarrollar y que se utilizan para aprovechar tecnologías avanzadas al agregar funcionalidad a las aplicaciones existentes. Si puede crear una página web, entonces sabrá 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 plenamente con una aplicación, mientras que los widgets de información funcionan con datos de Internet.
La arquitectura
Paso 1
Encienda su editor de texto y cree un archivo HTML. El archivo HTML debe adherirse al 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í:
Video del día
Paso 2
Utilizar el
Paso 3
Utilice 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:
Etapa 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 declaración "importar" en el archivo html principal como se muestra:
Añadiendo dinamismo
Paso 1
Utilice el objeto "widget" para proporcionar una capacidad adicional. Por ejemplo, para acceder a las preferencias del usuario, utilice la siguiente línea de código:
widget.setPreferenceForKey (preferencia, clave) GO widget.preferenceForKey (clave);
Paso 2
Utilice eventos de activación para evitar un uso excesivo del tiempo de la CPU o de los recursos de la red por parte del widget. El siguiente código muestra cómo se hace esto:
Si (window.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 dependiendo del tipo de widget.
Propina
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, voltee los widgets para acceder a las preferencias, abra otras aplicaciones, responden a eventos de páginas web y ejecutan comandos del sistema como herramientas de línea de comandos y shell guiones.
