Pravda v očích.cz
Navštivte: Mozek tě vidí.net Olda Šálek fotogalerie Šálek.info Patrik Vogl.cz 5w.cz Komentáře

Navigace:Pravda v očích.cz ⇒ Windows Vista ⇒ Jak na tvorbu vlastních widgetů do Vista Sidebaru

Jak na tvorbu vlastních widgetů do Vista Sidebaru

Novinkou ve Windows Vista je tzn. Sidebar, neboli lišta, do které si můžete vložit miniaplikace (widgety, gadgety). Instalace Windows jich má kolem osmi, ale z Internetu si můžete stáhnout tisíce dalších. Dostali jste ale nápad na nějaký widget, který by se vám osobně hodil (a…
vista možnosti napájení, icq vánoce, hledání Pravda v očích cz, oprava registr, stahuj scorpions cheater, WYSIWYG editory fck, windows mobile 5 vista, sims 2 download stahuj zdarma, rapidshare cz film, stáhnout video z tv nova,
Novinkou ve Windows Vista je tzn. Sidebar, neboli lišta, do které si můžete vložit miniaplikace (widgety, gadgety). Instalace Windows jich má kolem osmi, ale z Internetu si můžete stáhnout tisíce dalších. Dostali jste ale nápad na nějaký widget, který by se vám osobně hodil (a možná i dalším lidem)? V tomto článku se pokusím nastínit, jak se widgety pro Windows Vista tvoří.

V zásadě se dá říct, že tvorba widgetů pro Windows Vista sidebar je poměrně triviální. Za požadované, pro vytvoření widgetu, by se daly prohlásit tyto jazyky:
  • HTML
  • JavaScript či DHTML, prostě skriptovací jazyk, který běží na straně klienta
  • CSS (aby widget trochu vypadal, ale není to nutnost)
  • XML (také není nutnost, v základu si vystačíte s šablonou od Microsoftu)
Jak vidíte, pro tvorbu widgetu použijeme technologie, které se běžně užívají pro tvorbu webů. Jako editor vám klidně postačí PSPad, Notepad či jiný editor HTML. V tomto návodu si napíšeme ukázkový primitivní widget "Ahoj Světe", který později rozšíříme o digitální hodiny.Náš první widget: Ahoj Světe!
Teorie bylo, myslím dost, pusťme se rovnou do tvorby.
  1. Nejprve zvolte Start->Všechny programy->Příslušenství->Spustit
  2. Do okna Spustit zadejte a potvrďte: %userprofile%AppDataLocalMicrosoftWindows SidebarGadgets
  3. Zobrazí se složka s widgety, které jste do Sidebaru vložili vy sami (například jste je stáhli z Internetu).
  4. Vytvořte novou složku AhojSvete.gadget
  5. V této složce vytvořte soubor AhojSvete.html, v němž bude následující kód:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1250">
    <title>AhojSvete - muj prvni widget pro Windows Vista Sidebar</title>
    <style>
    body {
    margin: 0px;
    background: #000000;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 14px;
    width: 140px;
    height: 55px;
    }
    </style>


    </head>
    <body>
    Ahoj Světe!
    </body>
    </html>


    Jak vidíte, nejde o nic víc než prostý HTML kód s intérním CSS stylem. Zvláště si všiměte vlastností "width" a "height" v "body" definici. Podle těch Sidebar určuje, jak velké má udělat pole pro widget.
  6. Základ bychom měli. To ale nestačí, ještě je zapotřebí řídící soubor, který widget do Sidebaru integruje. Tento soubor bude ve formátu XML, a vždy musí mít název gadget.xml a musí být umístěný v kořenovém adresáři widgetu. V našem případě tedy AhojSvete.gadget.

    <?xml version="1.0" encoding="utf-8" ?>
    <gadget>
    <name>Ahoj Svete!</name>
    <namespace>Jakub Dvorak</namespace>
    <version>1.0.0.0</version>
    <author name="Jakub Dvorak">
    <info url="http://www.pravdavocich.cz" />
    </author>
    <copyright>&#169; 2007</copyright>
    <description>Muj prvni widget.</description>
    <hosts>
    <host name="sidebar">
    <base type="HTML" apiVersion="1.0.0" src="AhojSvete.html" />
    <permissions>Full</permissions>
    <platform minPlatformVersion="1.0" />
    </host>
    </hosts>
    </gadget>

    Myslím, že to nepotřebuje komentář. Do tohoto souboru také můžete vložit odkaz na ikonku widgetu:

    <icons>
    <icon height="48" width="48" src="icon.png" />
    </icons>
  7. Nyní je hotovo. Klikněte pravým tlačítkem na Sidebar a zvolte "Přidat miniaplikace". Zvolte náš widget "Ahoj Svete".
    AhojSvete Gadget


    Widget by měl v sidebaru vypadat nějak takto:

Jak sami vidíte, tvorba widgetů pro Windows Vista sidebar je neuvěřitelní triviální záležitost. Na začátku článku jsem slíbil, že ve widgetu budou také hodiny. Upravíme tedy soubor AhojSvete.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title>AhojSvete - muj prvni widget pro Windows Vista Sidebar</title>
<style>
body {
margin: 0px;
background: #000000;
color: #FFFFFF;
font-family: Arial;
font-size: 14px;
width: 140px;
height: 55px;
}
</style>

<script language="JavaScript">
<!--

function hodiny()
{
datum = new Date();
document.all.hodiny.innerHTML=datum.getHours()+":";
if (datum.getMinutes()<10) document.all.hodiny.innerHTML+="0";
document.all.hodiny.innerHTML+=datum.getMinutes()+":";
if (datum.getSeconds()<10) document.all.hodiny.innerHTML+="0";
document.all.hodiny.innerHTML+=datum.getSeconds();
window.setTimeout("hodiny();", datum.getMilliseconds()%1000);
}

// -->
</script>

</head>
<body onLoad="hodiny();">
Ahoj Světe! Čas:<br />
<div ID="hodiny"></div>
</body>
</html>

Pouze jsme doplnili stránku o skript digitálních hodin. Widget bude nyní vypadat nějak takto:



Jak z toho udělat samoinstalační balík?
Všimněte si, že když stahujete widget z internetu, vždy se jedná o balíček *.gadget. Jak tedy zkompilovat náš widget do instalačního balíčku? Nehledejte v tom vědu. Ono se totiž ani o kompilaci nejedná. Jednoduše AhojSvete.html a gadget.xml zkomprimujte do ZIPu. U archívu pak změňte koncovku *.zip na *.gadget.
Doporučuji ale komprimovat namísto do ZIPu, raději CABu, protože Windows si z CABu umí přečíst údaje z gadget.xml a zobrazit je při instalaci.

Složitější widgety
Zde jsem vám ukázal, jak vytvořit jednoduchý widget. V zásadě stačí ovládat (X)HTML, JavaScript a CSS. Pokud chcete vytvářet uživatelská nastavení, doporučuji si přečíst tento článek přímo na stránkách Microsoftu(anglicky).


autor Jakub Dvořák | cal 10.8.2007 | Tipy a triky, návody a postřehy ze systému Windows Vista. Windows Vista |

Kometáře


Nick mi0

..ak si náhodou chce niekto skúsiť vytvoriť vlastný widget no nechce si kôli tomu inštalovať Visty, môže podobným spôsobom (až na malé zmeny) vytvoriť widget pre Operu. Neskúmal som presne rozdielnosť Operáckych a Vistových widgetov, ale pravdepodobne budú na 95% zhodné.

Nové kometáře nejsou povolené.

Související články

synchronizace času windows server 2008 ipsum herní konzole nejlevněji mixazni pult na vista jak zálohovat IMAP stáhnout stavy na icq nejlepší ad aware icq do iphone download 11 letní olympijské hry eva a vasek foto

Pravda v očích

© 2010 Copyright Pravdavocich.cz Jakub Dvořák Zásady ochrany osobních údajů