Widgets são aplicações stand-alone que normalmente pode ser encontrado incorporado em sites de terceiros como relógios , leilão - tickers , contagens regressivas de eventos etc Widgets são, portanto, mini-aplicativos que são fáceis de implantar , rápidas para desenvolver e usados para alavancar tecnologias avançadas , adicionando funcionalidade de aplicativos existentes. Se você pode criar uma página da Web , então você sabe como criar e implantar um widget já que utilizam a mesma tecnologia de JavaScript, DHTML e CSS. Widgets podem ser acessório , aplicação ou widgets de informação. Widgets acessórios são auto-suficientes , que funcionam independente da Internet ou de uma aplicação. Widgets aplicativos são associados de pleno direito com um aplicativo enquanto os widgets de informação trabalhar com dados da Internet. Instruções
A Arquitetura
1

Abra seu editor de texto e criar um arquivo HTML. O arquivo HTML deve aderir ao padrão XHTML 1.0 e acima , a fim de cumprir com as melhores práticas atuais padrões da web . Um código de XHTML simples será parecido com este :

< html xmlns = background = " picture.png ">

Bem-vindo ao Mundo Widget

2

Use a tag para executar completa 2D renderização para o widget , se necessário. O atributo " composto" é outra adição à marca que permite um especificar como a imagem ( " picture.png " ) é prestado.

3

Folhas de Estilo em Cascata ( Use CSS) para o estilo do widget para que ele exibe de maneira uniforme em todos os navegadores . Parte do arquivo CSS deve conter o seguinte estilo :

4

Coloque o arquivo acima em um arquivo separado . Neste exemplo, nós salvamos o arquivo como " widget.css ". Referência do arquivo usando a instrução " import" no arquivo HTML principal , como mostrado:
Adicionando Dinamismo

5

Use o objeto "widget" para fornecer capacidade adicional . Por exemplo, para acessar as preferências do usuário , use a seguinte linha de código :

widget.setPreferenceForKey (preferência , chave ); widget.preferenceForKey (chave) ;
6

Use eventos de ativação para evitar o uso excessivo de tempo de CPU ou recursos de rede pelo widget. O código abaixo mostra como isso é feito :

Se ( window.widget ) { widget.hide = esconder ; widget.show = show;

função hide () {if ( timeInterval == null) { timeInterval = setInterval ( updateTime (true); " , 500) ;}}

Adicione outras funções para o código como você preferir
7

Crie o . " Info . plist arquivo "para identificar um widget e recursos de TI. Este arquivo varia de acordo com o que é deve conter , dependendo do tipo de widget.