-
Cómo crear un widget
-
Los widgets son aplicaciones autónomas que por lo general se pueden encontrar incrustados en sitios de terceros como relojes, subasta-tickers, cuentas regresivas de eventos etc widgets son por lo tanto las mini aplicaciones que son fáciles de implementar, rápido para desarrollar y utilizar para aprovechar las tecnologías avanzadas mediante la adición funcionalidad a las aplicaciones existentes. Si usted puede crear una página Web, entonces usted sabe cómo crear y desplegar un widget ya que utilizan la misma tecnología de JavaScript, DHTML y CSS. Los widgets pueden ser accesorio, aplicaciones o widgets de información. widgets de accesorios son autónomos que se ejecutan independientemente de la Internet o una aplicación. los elementos de aplicación están asociados de pleno derecho con una aplicación, mientras que los widgets de información trabajan con datos de Internet.Instrucciones
La arquitectura
1 Use su editor de texto y crear un archivo HTML. El archivo HTML debe adherirse al estándar XHTML 1.0 y superior con el fin de cumplir con las mejores prácticas estándar actual Web. Un código XHTML sencilla se verá así:
<Html xmlns = "http://www.w3.org/1999/xhtml”>
<Head>
<Title> Aplicaciones </ title>
</ Head>
<Fondo cuerpo = "picture.png">
<H1> Bienvenido a Widget World </ h1>
</ Body>
</ Html>2 Se utiliza la etiqueta <canvas> para llevar a cabo la representación 2D completo para el widget si es necesario. El atributo "compuesto" es otra adición a la etiqueta <img> que permite a uno especificar cómo se procesa la imagen ( "picture.png").
3 Utilizar las hojas de estilo en cascada (CSS) para labrar el widget para que muestre de manera uniforme en todos los navegadores. Parte del archivo CSS contendría el siguiente estilo:
<Style>
.widgetText {fuente: 20px "Comic Sans"
IR
font-weight: bold
IR
color blanco
IR
position: absolute
IR
top: 30px
izquierda: 30px;
}</ Style>
4 Coloque el archivo anterior en un archivo separado. En este ejemplo, hemos guardado el archivo como referencia el archivo utilizando la "importación" declaración en el archivo HTML principal como se muestra "widget.css.":
<Head>
<Style>
@ import "widget.css"
IR
</ Style>añadiendo dinamismo
5 Utilice el objeto "widget" para proporcionar capacidad adicional. Por ejemplo, para acceder a las preferencias del usuario, utilice la siguiente línea de código:
widget.setPreferenceForKey (preferencia, clave)
IR
widget.preferenceForKey (clave);6 Utilizar los eventos de activación para evitar el uso excesivo de tiempo de CPU o recursos de red por el widget. El código siguiente muestra cómo se hace esto:
Si (window.widget) {
widget.hide = ocultar
IR
widget.show = mostrar
IRla función de ocultar () {
si (timeInterval == null) {
timeInterval = setInterval (UPDATETIME (true); ", 500)
IR
}
}Añadir otras funciones al código como usted prefiera.
7 Crear el archivo "Info.plist" para identificar un widget y recursos de TI. Este archivo varía en lo que se debe contener en función del tipo de widget.
Consejos y advertencias
- De acuerdo con los usos de la tecnología Web, se proporciona dinamismo widget de uso de JavaScript. Esto permite que el widget para acceder a las preferencias del usuario en el sistema, dar la vuelta a las preferencias de los widgets de acceso, otras aplicaciones abiertas, responder a los eventos de página Web y ejecutar comandos del sistema como herramientas de línea de comandos y scripts de shell.
