Arquitetura de widget
Widgets são aplicativos autônomos que geralmente podem ser encontrados incorporados em sites de terceiros como relógios, tickers de leilão, contagem regressiva de eventos, etc. Os widgets são, portanto, miniaplicativos fáceis de implantar, rápidos de desenvolver e usados para alavancar tecnologias avançadas, adicionando funcionalidade aos aplicativos existentes. Se você pode criar uma página da Web, então você 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 autocontidos e executados independentemente da Internet ou de um aplicativo. Os widgets de aplicativo são totalmente associados a um aplicativo, enquanto os widgets de informação trabalham com dados da Internet.
A arquitetura
Passo 1
Abra seu editor de texto e crie um arquivo HTML. O arquivo HTML deve aderir ao padrão XHTML 1.0 e superior para estar em conformidade com as práticas recomendadas do padrão da Web atuais. Um código XHTML simples terá a seguinte aparência:
Vídeo do dia
Passo 2
Use o
etapa 3
Use Cascading Style Sheets (CSS) para estilizar o widget de forma que ele seja exibido de maneira uniforme em todos os navegadores. Parte do arquivo CSS conteria o seguinte estilo:
Passo 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
Passo 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);
Passo 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
função 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 sobre 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, vire os widgets para acessar as preferências, abra outros aplicativos, respondem a eventos da página da Web e executam comandos do sistema como ferramentas de linha de comando e shell scripts.
