Widgets são aplicações autônomas geralmente encontradas em sites terceiros como relógios, contadores de leilão, contagens regressivas de eventos, etc. São mini-aplicações fáceis de implantar, rápidas de desenvolver e usadas para alavancar tecnologias avançadas adicionando funcionalidade a aplicações existentes. Se você sabe criar uma página Web, sabe criar e implantar widget, pois usam mesma tecnologia: JavaScript, DHTML e CSS. Widgets podem ser de acessório, aplicação ou informação. Widgets de acessório são autônomos, rodam independentemente da Internet ou aplicação. Widgets de aplicação associam-se a aplicação completa, enquanto widgets de informação trabalham com dados da Internet.
Inicie seu editor de texto e crie um arquivo HTML. O arquivo deve seguir padrão XHTML 1.0 ou superior para cumprir boas práticas Web. Código XHTML simples:
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<title>Widgets</title>
</head>
<body background="picture.png">
<h1> Welcome to Widget World</h1>
</body>
</html>
Use a tag <canvas> para renderização 2D completa do widget se necessário. O atributo "composite" permite especificar como a imagem ("picture.png") é renderizada.
Use CSS (Folhas de Estilo em Cascata) para estilizar o widget para exibição uniforme em todos navegadores. Parte do CSS conteria:
/* Estilos CSS aqui */
Coloque o arquivo acima em arquivo separado. Neste exemplo, salvamos como "widget.css". Referencie usando declaração "import" no arquivo HTML principal.
Use o objeto "widget" para habilidade adicional. Para acessar preferências do usuário:
widget.setPreferenceForKey(preference, key)
widget.preferenceForKey(key)
Use eventos de ativação para evitar uso excessivo de CPU ou rede pelo widget:
if (window.widget) {
widget.hide = hide;
widget.show = show;
}
function hide() {
if (timeInterval == null) {
timeInterval = setInterval(updateTime, 500);
}
}
Adicione outras funções conforme preferir.
Crie o arquivo "Info.plist" para identificar widget e seus recursos. Este arquivo varia conforme tipo de widget.
Em consonância com tecnologias Web, dinamismo de widget usa JavaScript. Permite acessar preferências do usuário no sistema, virar widgets para acessar preferências, abrir outras aplicações, responder a eventos de página Web e executar comandos de sistema como ferramentas de linha de comando e scripts shell.
Tecnologia Eletrônica © [www.351231.com]