własny gadżet do Windows Vista Sidebar
Data: 21 październik 2008
Identyfikator: 081111
Programowanie dla Visty wcale nie jest trudne. Aby napisać gadżet, wystarczy podstawowa wiedza programistyczna. Pokazujemy,
jak stworzyć miniaplikację wyświetlającą aktualne kursy walut.
Strona 1 z 2
|
Zdaniem eksperta
|
- Marcin Kawalerowicz
niezależny programista
Pisanie własnych gadżetów to pasjonująca zabawa. Pamiętaj tylko
o aktywowaniu debuggera skryptów. Jeśli tego nie zrobisz, system ukryje przed tobą wszystkie ewentualne błędy gadżetu. Debugger skryptów możesz włączyć w ustawieniach Internet Explorera.
|
Windows Vista Sidebar to boczny pasek, na którym znajdują się gadżety. Są to mini-
aplikacje, takie jak zegarek, czytnik kanałów RSS, minigaleria czy też okienko z prognozą pogody. Dzięki specjalnej stronie internetowej możesz zaopatrzyć się w nowe gadżety, np. miernik obciążenia systemu czy kalkulator. Jednak nic nie stoi na przeszkodzie, by gadżet do Windows Vista napisać samemu. Nie potrzeba do tego specjalnej wiedzy programistycznej
– wystarczy podstawowa znajomość HTML/CSS i nieco wprawy w pisaniu w JavaScript.
Pokażemy, jak zaprogramować prostą miniaplikację pobierającą i wyświetlającą aktualne kursy walut. Tabela kursów NBP udostępniana jest w internecie każdego dnia w postaci dokumentu XML. Wystarczy pobrać i przetworzyć ten dokument, a wyniki wyświetlić na bocznym pasku Visty. Dostępne gadżety znajdziesz w folderze:
C:\Users\[Nazwa_Uzytkownika]\AppData\Local\Microsoft\Windows Sidebar\Gadgets\
Każda miniaplikacja umieszczona jest w osobnym folderze, którego nazwa kończy się na .gadget. Stwórz jeden taki katalog na swoje potrzeby. Nazwij go na przykład SrednieKursyNBP.gadget. Do tworzenia i edycji plików Gadżetu może posłużyć dowolny edytor tekstu (nawet notatnik). Pierwszy plik (manifest aplikacji) nazwij Gadget.xml. Właściwe funkcje umieść w pliku HTML o nazwie Gadget.html. Te dwa pliki to niezbędne minimum każdego gadżetu.
<?xml version="1.0" encoding="utf-8" ?>
<gadget>
<name>Test Gadget</name>
<version>1.0</version>
<hosts>
<host name="sidebar">
<base type="HTML" apiVersion="1.0.0"
src="Gadget.html" />
<permissions>full</permissions>
<platform minPlatformVersion="1.0" />
</host>
</hosts>
</gadget>
Plik Gadget.xml musi zawierać nazwę aplikacji (pomiędzy znacznikami <name>), wersję gadżetu (<version>) oraz techniczny opis programu (<host>). Szczegóły dotyczące manifestów miniaplikacji można znaleźć w dokumentacji gadżetów (link w ramce). Zwróć uwagę na atrybut src tagu <base>. Określa on dokument HTML z właściwą zawartością miniprogramu.
<html><head>
<script language="javascript">
</script>
<style>
body {
font-family: Tahoma;
width:130px;
margin: 1px; }
td { font-size: 11px;}
</style>
</head>
<body onload="">
<table cellspacing="0" cellpadding="0">
<tr><td>Kursy średnie NBP</td></tr>
<tr><td>
<table cellpadding="1" cellspacing="0" id="kursy">
<tr><td>Brak</td><td>połączenia</td></tr>
<tr><td>lub błąd</td><td>gadgetu.</td></tr>
</table>
</td></tr>
<tr><td>
<span id="dataPublikacji">????-??-??</span>
</td></tr>
</table>
</body></html>
Plik Gadget.html jest zwykłą stroną internetową. Pomiędzy znacznikami <scripts> zostaw miejsce na kod JavaScript, który napiszesz za chwilę. Poniżej pomiędzy znaczniki <style> wprowadź odrobinę CSS. Prezentowany przykład pozbawiony został wszelkich ozdobników, tak by zmieścił się na łamach magazynu. Znacznie okazalszą wersję gadżetu można znaleźć na naszej płycie DVD.
W tej chwili znacznik <body> ma pusty atrybut onload. Wpisz w niego nazwę funkcji JavaScript, która będzie wywołana podczas ładowania miniaplikacji. Pozostały kod to prosta tabela z nagłówkiem „Kursy średnie NBP", z zagnieżdżoną tabelą z miejscem na 4 waluty i z tymczasowym napisem informacyjnym „Brak połączenia lub błąd gadgetu" oraz miejscem oznaczonym jako „????-??-??", które zawierać będzie datę publikacji kursów walut. Dzięki tym atrybutom zyskasz uchwyty niezbędne do dynamicznego zmieniania zawartości gadżetu.
Nazwa dokumentu XML z aktualnymi kursami walut na stronie banku zmienia się podczas każdej publikacji. Pobierz zwykłą stronę HTML banku, której nazwa jest niezmienna,
i wyszukaj w niej link do aktualnego pliku XML. By wykonać te dwie czynności, będziesz musiał skorzystać z dwóch obiektów html i xml, które pomogą ci pobrać i przetworzyć odpowiednio stronę HTML oraz dokument XML.
Ocena: 



(aby ocenić, musisz się zalogować w serwisie)
Podobne artykuły: