segunda-feira, 7 de janeiro de 2013

Criando seu proprio Gadget


Para criar seu primeiro serão necessários apenas dois itens:

*
Um arquivo de "manifesto" chamado gadget.xml. Esse manifesto contém todas as configuraçoes do seu gadget, incluindo o nome do miniaplicativo, do autor e informações de copyright assim como informações sobre o html.
*
Um arquivo HTML. (gadget nada mais é do que um arquivo html com certas tags e scripts.)


Antes de iniciar o projeto modifique o modo de visualização de arquivos se desejar.

Clique Start/Control Panel/Folder Options/
Clique na guia "View" e desmarque a opção "Hide extensions for known file types"
e clique OK
Feito isso já possivel iniciar a criação do seu Gadget.
Crie uma pasta chamada " hello.gadget "
Dentro desta pasta crie um arquivo chamado " hello.html " e outro chamado " gadget.xml "

Dentro do arquivo Gadget.xml copie o seguinte código:
Note que os atributos do arquivo XML estão bem descritivos e será facil voce alterá-lo conforme sua necessidade.
gadget.xml (copie e cole em seu arquivo o código abaixo)

------------------------------------------------------------------->
<?xml version="1.0" encoding="utf-8" ?>
<gadget>
<name>Meu Gadget</name>
<namespace>mcsesolution.com</namespace>
<version>1.0</version>
<author name="Seu Nome">
<info url="http://nostinfo.blogspot.com.br/" /> </author>
<copyright>Agosto de 2006</copyright>
<description> Coloque uma info sobre o seu gadget</description>
<icons>
<icon height="48" width="48" src="/icon.png" />
</icons>
<hosts>
<host name="sidebar">
<base type="HTML" apiVersion="1.0.0" src="/hello.html" />
<permissions>full</permissions>
<platform minPlatformVersion="1.0"/>
</host>
</hosts>
</gadget>
<-------------------------------------------------------------------
Atenção, execute o seu xml, e caso algum caractere invalido como espaços fora da ordem seja detectado fica facil a correção.

hello.html (copie e cole em seu arquivo o código abaixo)
Observe que nada mais é do que um simples arquivo HTML

------------------------------------------------------------------->
<html>
<style type="text/css">
body
{
width:128px;
height:118px;
font-size:10px;
color: #000000;
}
</style>
<center>
<font face="Arial"> Meu GadGet </font>
</center>
</html>
<-------------------------------------------------------------------

Após a criação dos aqruivos, acesse a pasta C:\Program Files\Windows Sidebar\Gadgets e copie a sua pasta chamada hello.gadget

Agora é só carregar o Desktop Gadget Gallery e selecionar o seu gadget.

Nenhum comentário:

Postar um comentário