BrasilAlterar| Todos os sites da Microsoft

Guia simples para a criação de gadgets da Barra Lateral do Windows Vista

Os gadgets são uma combinação simples de HTML e JavaScript. A Barra Lateral do Windows Vista exibe a interface de vários aplicativos que são acessados via JavaScript e estendem-se para esquemas de HTML. Neste rápido guia veremos como criar um gadget simples que exibirá uma frase na tela.

O processo será feito em quatro passos:

• Criar um diretório para conter os arquivos do gadget;
• Criar uma página HTML para o texto que será exibido;
• Criar um arquivo XML para o manifesto do gadget;
• Testar o gadget criado na Barra Lateral do Windows Vista.

Criar um diretório para conter os arquivos do gadget

Localize e abra sua pasta de gadgets. Clique no botão Iniciar e, então, clique em Executar. Na caixa de diálogo que abrirá, digite:

%userprofile%\AppData\Local\Microsoft\Windows Sidebar\Gadgets

Passo 1

Isso abrirá uma janela do Explorer contendo sua pasta de gadgets. Crie uma nova pasta chamada BomDia.gadget (ou utilize a frase que desejar antes do ponto).

Passo 1

Criar uma página HTML para o texto que será exibido

No Bloco de Notas do Windows, crie um arquivo chamado BomDia.html e insira o seguinte conteúdo:

<html>
    <head>
        <title>Bom dia!</title>
        <style>
        body {
        margin: 0;
        width: 130px;
        height: 65px;
        }
        #gadgetContent {
        width: 130px;
        top: 24px;
        text-align: center;
        position: absolute;
        font-family: Verdana;
        font-size: 10pt;
        }
        </style>
    </head>
    <body>
        <span id="gadgetContent">
        Bom dia!
        </span>
    </body>
</html>

Passo 2

Criar o arquivo XML para o manifesto do gadget

Agora você precisa criar o manifesto do gadget. Esse manifesto é um arquivo XML que especifica o núcleo do arquivo HTML e define as propriedades do gadget como nome, ícone e descrição. Todo manifesto de gadget é chamado de gadget.xml.

Para criar esse arquivo, copie e cole o conteúdo abaixo em um novo arquivo. Salve esse arquivo com o nome de gadget.xml. Para evitar problemas de idiomas, certifique-se de salvar o arquivo com a codificação UTF-8.

<?xml version="1.0" encoding="utf-8" ?>
<gadget>
    <name>Bom dia!</name>
    <namespace>Exemplo.Você</namespace>
    <version>1.0.0.0</version>
    <author name="Seu nome">
        <info url="www.exemplo.com.br" />
    </author>
    <copyright>© 2007</copyright>
    <description>Meu primeiro gadget</description>
    <hosts>
        <host name="sidebar">
            <base type="HTML" apiVersion="1.0.0" src="BomDia.html" />
            <platform minPlatformVersion="1.0" />
            <permissions>Full</permissions>
        </host>
    </hosts>
</gadget>

Passo 3

Testar o gadget criado na Barra Lateral

• Clique com o botão direito do mouse na Barra Lateral e selecione "Adicionar gadgets...".
• Dê um clique duplo no gadget Bom Dia.

O gadget deverá aparecer na sua Barra Lateral. Para realizar uma alteração ou atualização do seu gadget, remova-o da Barra Lateral, faça as modificações necessárias no arquivo HTML e, em seguida, adicione-o novamente à Barra Lateral para que as mudanças sejam vistas.

Passo 4

Este exemplo tem o propósito de mostrar que a criação de gadgets para a Barra Lateral do Windows Vista utiliza elementos bastante comuns e segue padrões semelhantes à criação de páginas da web.

Para se aprofundar nos conceitos de criação de gadgets, acesse os links abaixo:

Construindo Gadgets para o Windows Vista - Parte 1
Introdução aos Windows Gadgets

Construindo Gadgets para o Windows Vista - Parte 2
Utilizando DHTML e o Modelo de Objetos do Windows Sidebar