>> Tecnologia eletrônica >  >> Lar inteligente >> Vida Inteligente

Como criar um widget


Widgets são aplicativos autônomos que geralmente podem ser encontrados incorporados em sites de terceiros como relógios, tickers de leilões, contagem regressiva de eventos, etc. funcionalidade para aplicativos existentes. Se você pode criar uma página da Web, sabe como criar e implantar um widget, pois eles usam a mesma tecnologia de JavaScript, DHTML e CSS. Os widgets podem ser acessórios, aplicativos ou widgets de informações. Os widgets acessórios são independentes e executados independentemente da Internet ou de um aplicativo. Os widgets de aplicativo são associados de pleno direito a um aplicativo, enquanto os widgets de informação funcionam com dados da Internet.

A Arquitetura

Etapa 1


Abra seu editor de texto e crie um arquivo HTML. O arquivo HTML deve estar de acordo com o padrão XHTML 1.0 e superior para estar em conformidade com as práticas recomendadas do padrão Web atual. Um código XHTML simples ficará assim:
Widgets

Bem-vindo ao Widget World

Etapa 2


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

Etapa 3


Use Cascading Style Sheets (CSS) para estilizar o widget para que ele seja exibido uniformemente em todos os navegadores. Parte do arquivo CSS conteria o seguinte estilo:


Etapa 4


Coloque o arquivo acima em um arquivo separado. Neste exemplo, salvamos o arquivo como "widget.css". Faça referência ao arquivo usando a instrução "import" no arquivo html principal, conforme mostrado:


Adicionando dinamismo

Etapa 1


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) GO widget.preferenceForKey (chave);

Etapa 2


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:

If (window.widget) { widget.hide =ocultar GO widget.show =mostrar GO

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

Adicione outras funções ao código como preferir.

Etapa 3


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

Dica


De acordo com os usos da tecnologia da Web, o dinamismo do widget é fornecido usando JavaScript. Isso permite que o widget acesse as preferências do usuário no sistema, alterne widgets para acessar preferências, abra outros aplicativos, responda a eventos de páginas da Web e execute comandos do sistema, como ferramentas de linha de comando e scripts de shell.