Jak vytvořit miniaplikace na ploše. Vývoj vlastního gadgetu postranního panelu

Následující příručka je založena na předběžných verzích nového operačního systému společnosti Microsoft, Windows Vista. To znamená, že některé funkce vytváření gadgetů se mohou změnit nebo nemusí být součástí konečného produktu z marketingových, technických nebo jiných důvodů. Pokud k takovým změnám dojde, vynaložíme veškeré úsilí, abychom tento článek aktualizovali.

Stručný úvod do gadgetů Microsoft
Windows Vista obsahuje mnoho nových funkcí a jednou z nejpotřebnějších a nejočekávanějších je bezesporu postranní panel Windows. Postranní panel je oblast obrazovky, která je vyhrazena speciálně pro miniaplikace, stejně jako byl dříve vytvořen panel Rychlé spuštění – konkrétně pro důležité zkratky. Gadgety jsou miniprogramy, zabírají málo místa a neumí víc ani míň, než do nich tvůrce implementuje. Například Windows Vista nyní obsahuje několik gadgetů: malou kalkulačku, čtečku RSS kanálů a několik dalších. Nebude vám trvat dlouho, než pochopíte, jak pohodlné je používání miniaplikací.

Ale buďme upřímní: svět je plný věcí, které ne všichni lidé dokážou. Ale s příchodem gadgetů se situace radikálně mění. Díky tomu jsou pro nás gadgety opravdu zajímavé: byly vyvinuty nové technologie pro lidi, kteří píší skripty. Nechápejte nás špatně: ano, gadgety mohou mít špičkové rozhraní a provádět některé velmi složité úkoly, ale stále se nejedná o nic jiného než o miniaturní HTML stránky obsahující malý kód VBScript (včetně kódu WMI) nebo Java Script. . Trochu úsilí a vyrobíte svůj první gadget.

Naučit se vyvíjet v jakémkoli programovacím jazyce není tak těžké, jak by se mohlo zdát. Například v tomto videu https://itvdn.com/ru/video/php_start se můžete snadno naučit základy PHP a poté napsat svůj první kód.

Začněme tvořit
Mnoho lidí kritizovalo Microsoft za to, že mnoho produktů této korporace bylo zjevně navrženo pro použití roboty nebo obyvateli planety Omicron IV; v žádném případě nebyly určeny pro lidské použití. Nyní takové výrazy nemají místo, protože Každý může vytvářet gadgety. I když, pokud jste najednou robot nebo obyvatel planety Omicron IV, buďte si jisti, že můžete snadno vytvořit gadget.

K vytvoření gadgetu potřebujete pouze dvě věci:

1) Soubor manifestu s názvem Gadget.xml. Tento soubor obsahuje všechny možnosti přizpůsobení pro vaše zařízení, včetně názvu gadgetu, informací o autorovi a autorských právech a informací o stránce HTML, které tvoří skutečný kód gadgetu.
2) Soubor HTML (například Test.htm). Gadgety ve skutečnosti nejsou nic jiného než soubory HTML. Jednoduše vytvoříte soubor HTML, přidáte příslušné značky a kód a uvidíte gadget.
Ano, víme, že nemáte ponětí, co máme na mysli „relevantními atributy a kódem“. Relaxovat; na to se zaměřuje zbytek článku.
Toto je jediná věc, kterou je potřeba k vytvoření gadgetu. Potřebujeme ale také grafický soubor, například icon.png. Toto bude logo vašeho gadgetu.

Od teorie k praxi
1. Umístěte všechny soubory do složky gadget.
Pozor: umístěte všechny soubory do složky a obdržíte gadget. Není nutná žádná kompilace, žádné kompilátory 0,95, nic nudnějšího nebo techničtějšího. Jednoduše zkopírujte soubory do určené složky.
Kdybyste nám najednou chtěli poslat ,95, budeme moc rádi :).

Speciální složka pro gadgety
Nejprve přejdeme do složky s předinstalovanými miniaplikacemi od společnosti Microsoft.
Stiskněte Windows + R a v zobrazeném okně zadejte:

%userprofile %\appdata\local\microsoft\windows sidebar\gadgets

Poznámka: Pokud používáte Windows Sidebar, portovaný na Windows XP z Windows Vista sestavení 5342, stažený z webu, zadejte:

%program files%\Windows Sidebar\Gadgets

Stále s námi? Velký. Následuje dlouho očekávaná praxe/
V této složce vytvořte novou složku. Dejte této složce libovolný název, ale nezapomeňte na konec názvu uvést .gadget (například Test.gadget). Je zřejmé, že pro vás bude pohodlnější, pokud bude mít název složky nějakou podobnost s funkcemi gadgetu. Operační systém však tuto složku jednoduše používá k identifikaci souborů v ní obsažených; název gadgetu bude odvozen z informací nalezených v souboru gadget.xml, nikoli z názvu složky.

Nyní stačí ve složce vytvořit soubory Gadget.xml a Test.htm. To znamená, že nyní máte gadget společnosti Microsoft.

soubor gadget.xml
Tento soubor je napsán v jazyce XML, díky příponě .xml to můžete okamžitě uhodnout. Ve skutečnosti je gadget.xml speciální soubor manifestu, ale zároveň jednoduchý textový soubor, který obsahuje konfiguraci gadgetu.
Zde je kód gadget.xml, na který odkazujeme (použijte jej jako první):


Můj první gadget
Microsoft Scripting Guys
2006 Microsoft Corporation
Ukázka miniaplikace, která vrací název nainstalovaného operačního systému.

icon.png



html
plný
test.htm


Než se mě zeptáte, je možné tento soubor pouze zkopírovat a použít jej v podstatě tak, jak je - ano, pouze provést potřebné změny v několika značkách. (A nezapomeňte, musíte pojmenovat soubor Gadget.xml.)
Toto jsou značky:


Název gadgetu, který se zobrazí v dialogovém okně Přidat gadgety.


Jméno nebo přezdívka osoby, která gadget napsala. V okně pro přidání gadgetů uvidíte autora, autorská práva a popis gadgetu


Stručný popis gadgetu (co dělá atd.).


Název souboru obrázku (logo gadgetu). Další informace naleznete v části Vytvoření loga v další části tohoto dokumentu.


Pravděpodobně to není nejintuitivnější název značky na světě, ale je to název souboru HTML, který tvoří váš gadget.


No, tady žádné komentáře. Web pro vývojáře gadgetů.

Pro lidi, kteří ještě plně neporozuměli kódu gadget.xml, zde je úplný ruský překlad tohoto souboru (při vytváření gadgetů používejte pouze soubor gadget.xml v angličtině):



Můj první gadget
Kluci z Microsoftu
2006 Microsoft Corporation
Příklad souboru gadget.xml, který vrací název nainstalovaného operačního systému.

icon.png



html
plný
test.htm
www.microsoft.com/technet/scriptcenter

t;

html
plný
test.htm
www.microsoft.com/technet/scriptcenter

Vytvoření ikony
Je samozřejmě na vás, jaké bude logo gadgetu, ale pokud nechcete vytvořit obrázek (v souboru gadget.xml tag nevyplňujte) a Windows Sidebar vám poskytne výchozí obrázek. Zcela zdarma.

Pokud se rozhodnete vytvořit logo, mějte na paměti, že „ikona“ je pouze název souboru obrázku; Nejedná se o věrné obrázky Windows, ale o grafiku, která musí být vytvořena pomocí speciálního softwaru (překladatel upřímně a s nejlepšími úmysly doporučuje k vytvoření loga použít báječnou aplikaci MSPAINT.EXE, která je součástí Windows již od roku 1994). Logo je pouze obrázkový soubor ve formátu GIF, JPG nebo PNG. Všechna loga miniaplikací Microsoft obsažená v postranním panelu jsou vytvořena ve formátu PNG; je to pravděpodobně proto, že grafika PNG umožňuje průhlednost a dává vám možnost vytvářet velmi krásné obrázky. (Určitě potřebujete potřebný talent.) Můžete však použít soubory JPG. Velikostně jsou výrazně menší než PNG, ale rozhodněte se sami, protože... vše záleží na konkrétní situaci.
Dobrá otázka: jakou velikost by mělo mít vaše logo? Optimální velikost je 64x64 pixelů. Větší soubory, jako je 128x128, budou zmenšeny bočním panelem na 64x64 s možnou ztrátou kvality.

Zde je například ikona, kterou jsme použili:

Označit. Možná jste si všimli, že v souboru gadget.xml je značka vnořena do značky:


icon.png

To znamená, že do souboru gadget.xml můžete přidat další obrázky, i když upřímně řečeno, nejsme si jisti, k čemu byste ostatní další obrázky použili.

HTML soubor
Soubor HTML, který tvoří samotný gadget, se ve skutečnosti neliší od jakékoli webové stránky, která používá dynamický HTML; Chcete-li vytvořit HTML, jednoduše použijte jakékoli platné označení HTML (včetně stylů CSS) plus kód skriptu. Ukážeme vám ukázkovou HTML stránku. Než to uděláme, pojďme se rychle podívat na kód WMI.

Práce s WMI
Pokud jste správce systému, pak jste zvyklí psát skripty, které používají WMI. To je pochopitelné, vždyť WMI je technologie, která vám pomůže spravovat vše od tiskáren, diskových jednotek až po myši a monitory. Použití WMI je velmi pohodlné. Předpokládejme například, že chcete zjistit název operačního systému nainstalovaného na vašem místním počítači. Žádný problém; Zde je kód WMI, který vám tyto informace vrátí:

StrComputer = "."

Set objWMIService = GetObject("winmgmts:\" & strComputer & "\root\cimv2")

Pro každý objekt objItem v colItems
Msgbox objItem.Caption
Další

Pokud plánujete vytvářet miniaplikace pro správu systému, pak pro vás máme špatnou zprávu: WMI skripty, které jste zvyklí psát, nebudou v miniaplikacích fungovat. (Počkejte, nedělejte nic drastického, pokusíme se tento problém napravit, slibujeme.) Protože v jádru gadget není nic jiného než webová stránka a z bezpečnostních důvodů webové stránky nemohou použijte GetObject. Pokud do gadgetu vložíte předchozí kód, zobrazí se tato chybová zpráva:

Komponenta ActiveX nemůže vytvořit objekt: 'GetObject'

Mm-ano.
Ale nepropadejte panice. V rámci gadgetu můžete stále používat kód WMI; Jen nemůžete použít GetObject a winmgmts. Místo toho musíte použít CreateObject k vytvoření objektu WbemScripting.SWbemLocator a poté použít metodu ConnectServer pro připojení ke službě WMI. Jinými slovy, ve výsledku byste měli napsat toto:

StrComputer = "."

Set colItems = objWMIService.ExecQuery("Vybrat * z Win32_OperatingSystem")

Pro každý objekt objItem v colItems
Msgbox objItem.Caption
Další

Je to jasné? Jak jsme řekli, není důvod k panice. (I když, upřímně řečeno, byla to pravděpodobně naše chyba, že jste nejprve zpanikařili)/ Jediný rozdíl je mezi skriptem, který přímo používá WMI, a skriptem, který používá ConnectServer pro připojení ke službě WMI v připojení. Jste zvyklí vytvářet připojení, které používá jeden řádek kódu:

Set objWMIService = GetObject("winmgmts:\" & strComputer & "\root\cimv2")

Nyní musíte k vytvoření připojení použít dva řádky kódu (ano, zdvojnásobíte svou pracovní zátěž!) Vytvoříte objekt WbemScripting.WbemLocator a ke kontaktování služby WMI použijete metodu ConnectServer. Všimněte si, že ConnectServeru předáme dva parametry – toto je název počítače, ke kterému se chcete připojit, reprezentovaný proměnnou strComputer a jmenným prostorem WMI, ke kterému se chceme připojit v tomto případě root\cimv2):

Set objLocator = CreateObject("WbemScripting.SWbemLocator")
Nastavit objWMIService = objLocator.ConnectServer(strComputer, "root\cimv2")

Rozumíte? Dobře. Nyní se vraťme k našemu plánovanému tématu.

Vytvoření souboru HTML
Jak jsme již poznamenali, gadget je pouze soubor HTML. To znamená, že jakékoli prvky, včetně dynamických, které můžete použít na stránce HTML, lze použít také v miniaplikaci. Protože jste pravděpodobně již přišli na to, že gadget také skládá kód VBScript; Přestože je většina prvních gadgetů na webu Microsoft Gadgets vytvořena v JavaScriptu, je na začátku snazší pracovat s VBScriptem než s Java Scriptem.

Již jsme vám ukázali kód WMI, který vrací název operačního systému nainstalovaného v počítači; uvidíme, jestli dokážeme z tohoto kódu udělat gadget. Začneme velmi jednoduše, vytvořením zařízení, které se skládá z jediného tlačítka, po kliknutí na něj se nám ve zprávě zobrazí název operačního sálu. Zde je HTML kód pro náš první gadget:


Můj první gadget


korpus (šířka:120;výška:160)

Sub RunSub
strComputer = "."

Set objLocator = CreateObject("WbemScripting.SwbemLocator")
Nastavit objWMIService = objLocator.ConnectServer(strComputer, "root\cimv2")

Set colItems = objWMIService.ExecQuery("Vybrat * z Win32_OperatingSystem")

Pro každý objekt objItem v colItems
Msgbox objItem.Caption
Další
End Sub



Jak vidíte, na tomto kódu není nic složitého; je to základní HTML, které neumí o mnoho víc, než že zobrazuje jediné tlačítko na stránce. Po kliknutí na tlačítko se spustí podprogram nazvaný RunSub; Tato rutina používá WMI k určení názvu operačního systému nainstalovaného v počítači.

Označit. Dobře, možná je to pro některé lidi základní HTML, ale co když s HTML nemáte nic společného? Pak si přečtěte HTML dokumentaci, věřte mi, že naučit se HTML je velmi snadné. Zvláštní pozornost věnujte sekcím věnovaným značkám a .

Jediný tag, na který si musíme udělat zvláštní poznámku, je . Až začneme vytvářet složitější gadgety, probereme značku podrobně; prozatím však upřesníme, že použijeme tuto značku k vytvoření výšky a šířky našeho gadgetu:


korpus (šířka:120;výška:160)

Tato značka jednoduše říká, že chceme, aby náš gadget byl široký 120 pixelů (samotný postranní panel Windows je široký asi 130 pixelů) a 160 pixelů vysoký. Pro tento konkrétní gadget bude délka 160 pixelů příliš, takže můžeme jednoduše přiřadit vlastní délku, například 50 pixelů:


korpus(šířka:120;výška:50)

Souhlasím, tento gadget vypadá mnohem lépe.

Po kliknutí na tlačítko Spustit se zobrazí okno s informací o verzi operačního systému!

Uvolněte se nebo se pochlubte svým přátelům tím, že jim řeknete o svém gadgetu.

Zobrazení dat ve značce
Zatím jsme vytvořili jednoduchou vychytávku a kromě toho funguje jen když klikneme na tlačítko. Není na tom nic špatného a pravděpodobně nastanou situace, kdy váš gadget vrátí tolik informací, že se vejde pouze do schránky se zprávou, okna Internet Exploreru nebo na nějaké jiné místo. Na druhou stranu si dříve nebo později vytvoříte i miniaplikaci, kde zobrazování informací v okně zprávy nedává smysl a klikání na tlačítko bude zbytečné. Předpokládejme například, že se rozhodnete vytvořit hodiny pro postranní panel Windows. Představte si, že pokaždé, když stisknete tlačítko, víte, kolik je hodin, a zároveň se čas objeví ve zprávě. Planeta Omicron IV takové věci jistě miluje. Ale lidem to připadá trochu zdlouhavé, nemluvě o vyloženě hloupém.

Jinými slovy, potřebujeme schopnost vytvářet gadgety, které mohou:
1) Zobrazte data přímo v rámci miniaplikace.
2) Zobrazovat data automaticky, aniž by uživatel vyžadoval interakci s gadgetem.
3) Pravidelně aktualizujte informace. Například gadget, který ukazuje volnou RAM počítače (takový gadget vytvoříme později), musí neustále aktualizovat informace.

Nebude snadné na to přijít hned, takže se tyto dovednosti naučíme jednu po druhé. Podívejme se nejprve na první bod pomocí značky – jednoduchý a snadný způsob, jak zobrazit informace přímo v hranicích gadgetu.

Zde je revidovaná verze našeho souboru HTML. V tomto novém gadgetu stále klepnete na tlačítko Spustit pro vyvolání rutiny RunSub, tentokrát se však název operačního systému nezobrazí v okně se zprávou, ale v rámci hranic gadgetu.


Můj první gadget

korpus (šířka:120;výška:160)

Sub RunSub
strComputer = "."

Set objLocator = CreateObject("WbemScripting.SwbemLocator")
Nastavit objWMIService = objLocator.ConnectServer(strComputer, "root\cimv2")

Set colItems = objWMIService.ExecQuery("Vybrat * z Win32_OperatingSystem")

Pro každý objekt objItem v colItems

Další
End Sub





Vše funguje jak jsme chtěli. Ochladit!

Bonus navíc: prvotřídní pozadí gadgetu
Promluvme si více o vytváření efektně vypadajících gadgetů. Řekneme vám několik jednoduchých metod pro vytvoření takového gadgetu. Proč je to nutné? Vychytávka bude vypadat originálně a budete ji moci prodat za více peněz :). Předpokládejme například, že máte obrázek (říkejme mu pozadí.jpg), který bude dobrým pozadím pro gadget. V tomto případě vše, co musíte udělat, je vložit do souboru HTML za značku následující řádek:

Tento kód vynutí použití souboru background.jpg jako pozadí gadgetu:
Jen se ujistěte, že je soubor background.jpg uložen ve složce gadgetu.

Alternativní. Můžete vytvořit gadget s jinou barvou pozadí; právě teď za značku vložte tento řádek:

Dostaneme gadget s jasně červeným pozadím? Hej, proč ne?

Nakonec můžete pro svůj gadget vytvořit pozadí s přechodem pomocí jednoho z webových filtrů společnosti Microsoft. Zde je to, co změníme ve stylu tohoto gadgetu:
1) Udělejme písmo bílé, konkrétně Arial 8pt.
2) Přidejte přechodový filtr.

Zde je hotový kód:


Můj gadget

tělo(šířka:120;výška:160;font:8 pt Arial;barva:bílá;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr="#000000",
EndColorStr="#0000FF"))

Sub RunSub
strComputer = "."
Set objLocator = CreateObject("WbemScripting.SwbemLocator")

Set colItems = objWMIService.ExecQuery("Vybrat * z Win32_OperatingSystem")
Pro každý objekt objItem v colItems
DataArea.InnerHTML = objItem.Caption
Další
End Sub



To, co jsme dostali, samozřejmě není umělecké dílo, ale vypadá to lépe než bílý obdélník.

Vytvoření miniaplikace, která automaticky zobrazuje data
Mít miniaplikaci, která zobrazuje informace ve svých hranicích spíše než ve schránce se zprávou, je jistě dobré. Stále však musíme kliknout na tlačítko, abychom získali informace. Samozřejmě musí existovat způsob, jak automaticky shromažďovat informace a zobrazovat je okamžitě po načtení gadgetu.

Nehádejte se, přátelé, opravdu existuje způsob.
No, podle zavedené tradice :) kód našeho gadgetu, který zobrazí název nainstalovaného operačního systému bez kliknutí na tlačítko:


Můj první gadget

korpus (šířka:120;výška:160)

Podokno_OnLoad
RunSub
End Sub

Sub RunSub
strComputer = "."

Set objLocator = CreateObject("WbemScripting.SwbemLocator")
Nastavit objWMIService = objLocator.ConnectServer(strComputer, "root\cimv2")

Set colItems = objWMIService.ExecQuery("Vybrat * z Win32_OperatingSystem")

Pro každý objekt objItem v colItems
DataArea.InnerHTML = objItem.Caption
Další
End Sub



Je snadné vidět, že tento kód je velmi podobný našemu předchozímu. Ve skutečnosti existují pouze dva rozdíly:
1) Odstranili jsme tlačítko z gadgetu. To znamená, že již nemusíte klikat na tlačítko (ačkoli není na nic jiného klikat).
2) Přidali jsme podprogram Window_OnLoad.

Mnoho lidí ví, že rutina Window_Onload obsažená na webové stránce je navržena tak, aby řídila dobu načítání nebo obnovení webové stránky. Tento podprogram funguje v našem gadgetu úplně stejně: automaticky řídí čas, kdy je načten. Jednoduše vytvoříme podprogram s názvem Window_OnLoad a níže umístíme kód, který chceme ovládat.

Pro tento konkrétní gadget vypadá naše rutina Window_OnLoad takto:

Podokno_OnLoad
RunSub
End Sub

Můžete vidět vše, co děláme v tomto podprogramu - druhý požadavek podprogramu: RunSub. Náš kód WMI jsme umístili do samostatné rutiny, i když bylo možné umístit skript WMI do rutiny Window_OnLoad. Proč jsme tedy vytvořili druhou rutinu navíc? Je to jednoduché: pomůže nám to snadno přejít k vytvoření dalšího gadgetu.

Vytvoření gadgetu, který bude pravidelně aktualizovat informace
Gadget musí být užitečný, jinak, proč je potřeba? Gadget může implementovat mnoho užitečných funkcí. Kombinace malých velikostí kódu a možnosti používat grafiku může vytvořit neuvěřitelně užitečné nástroje pro monitorování vaší sítě nebo počítače. Vyrobíme si gadget, který nám ukáže volnou RAM počítače. Samozřejmě půjde o gadget s neustále aktualizovanými informacemi. V důsledku toho byste měli získat něco podobného jako tento kód:


Můj gadget

tělo(šířka:120;výška:40")

Podokno_Onload
GetMemory

End Sub

Sub GetMemory
Set objLocator = CreateObject("WbemScripting.SwbemLocator")
Nastavit objWMIService = objLocator.ConnectServer(".", "root\cimv2")
Set colItems = objWMIService.ExecQuery("Vybrat * z Win32_OperatingSystem")
Pro každý objekt objItem v colItems

Další
End Sub



Než probereme, jak tento gadget funguje, poznamenáváme, že nezobrazuje název operačního systému nainstalovaného v počítači. Proč jsme neudělali příklad definování operačního systému počítače? Domníváme se, že sledování dostupné paměti může být o něco realističtější než sledování názvu nainstalovaného operačního systému.

Rutina pro určení aktuálního množství dostupné paměti (rutina s názvem GetMemory):

Sub GetMemory
Set objLocator = CreateObject("WbemScripting.SwbemLocator")
Nastavit objWMIService = objLocator.ConnectServer(".", "root\cimv2")
Set colItems = objWMIService.ExecQuery("Vybrat * z Win32_OperatingSystem")
Pro každý objekt objItem v colItems
DataArea.InnerHTML = objItem.FreePhysicalMemory
Další
End Sub

Nás ale více nezajímá podprogram GetMemory, ale podprogram Window_OnLoad:

Podokno_Onload
GetMemory
iTimerID = window.SetInterval("GetMemory", 10000)
End Sub

Všimnete si, že v tomto podprogramu děláme dvě věci. Nejprve spustíme podprogram GetMemory – to má zajistit, že po načtení našeho gadgetu se okamžitě zobrazí dostupná paměť. Druhá věc, kterou děláme, je o něco zajímavější:
iTimerID = window.SetInterval("GetMemory", 10000)

Zde použijeme metodu SetInterval k vytvoření časovače. Tento časovač spustí rutinu GetMemory každých 10 sekund (10 000 milisekund). Tímto způsobem donutíme gadget automaticky aktualizovat informace: každých 10 sekund gadget spustí rutinu GetMemory, což znamená, že po 10 sekundách gadget použije WMI k získání aktuálního množství dostupné paměti a poté zobrazí tato data v těle gadgetu. Pokud je pro vás 10 sekund příliš mnoho, změňte parametr 10000 na menší číslo, například číslo 5000 způsobí, že gadget aktualizuje data každých 5 sekund (5000 milisekund). Podobně změna 10000 na větší číslo způsobí, že interval aktualizace bude delší.

Nikdy jsme neřekli, že je to umělecké dílo. Ale teď, když rozumíte základům vytváření miniaplikací (gadgety jsou zajímavé zejména pro správce systému), doufáme, že vytvoříte umělecká díla. V příštím díle si povíme něco o sloučení grafiky s miniaplikacemi a mnoha nových užitečných funkcích.

Konečně - "Domácí úkol". Následuje o něco (důraz na slovo mírně) složitější kód gadgetu, který dělá dvě věci: sleduje dostupnou paměť a také po kliknutí na tlačítko Informace zobrazí na webové stránce podrobné systémové informace. Netřeba dodávat, že tento gadget není příkladem všech schopností gadgetů, ale příklad vám ukazuje rozsah schopností, které lze současně zahrnout do jednoho gadgetu. Zde je skutečný kód:

Poznámka překladatele: Pozor, když jsem si tento kód uložil a spustil gadget (udělal jsem to ve Windows XP s portovaným Sidebarem z buildu 5342), systém zamrzl a polovinu článku jsem musel překládat znovu! Takže buďte opatrní. I když si myslím, že v původním Sidebaru z Windows Vista se to nestane, netestoval jsem to! Za kódem jsou další odkazy k tématu.


Můj gadget

korpus (šířka:120;výška:80)

Podokno_Onload
GetMemory
iTimerID = window.SetInterval("GetMemory", 10000)
End Sub

Sub GetMemory
Set objLocator = CreateObject("WbemScripting.SwbemLocator")
Nastavit objWMIService = objLocator.ConnectServer(".", "root\cimv2")
Set colItems = objWMIService.ExecQuery("Vybrat * z Win32_OperatingSystem")
Pro každý objekt objItem v colItems
DataArea.InnerHTML = objItem.FreePhysicalMemory
Další
End Sub

Set objLocator = CreateObject("WbemScripting.SwbemLocator")
Nastavit objWMIService = objLocator.ConnectServer(".", "root\cimv2")

Set colItems = objWMIService.ExecQuery("Select * From Win32_ComputerSystem")
Pro každý objekt objItem v colItems
strHTML = "Název počítače: " & objItem.Name & "
"
strHTML = strHTML & "Uživatelské jméno: " & objItem.UserName & "

"
Další

Set colItems = objWMIService.ExecQuery("Vybrat * z Win32_OperatingSystem")
Pro každý objekt objItem v colItems
strHTML = strHTML & "Operační systém: " & objItem.Caption & "
"
strHTML = strHTML & "Service Pack: " & objItem.ServicePackMajorVersion & "

"
Další

Set colItems = objWMIService.ExecQuery("Select * From Win32_Processor")
Pro každý objekt objItem v colItems
strHTML = strHTML & "Procesor: " & objItem.Caption & "

"
Další

Nastavit colItems = objWMIService.ExecQuery_
("Vyberte * z Win32_NetworkAdapterConfiguration, kde IPEnad = True")
Pro každý objekt objItem v colItems
strHTML = strHTML & objItem.Caption & "
"
Pro každou strAddress v objItem.IPAddress
strHTML = strHTML & "IP adresa: " & strAddress & "
"
Další
Další

Set objIE = CreateObject("InternetExplorer.Application")
objIE.Navigate("about:blank")
objIE.Toolbar = 0
objIE.StatusBar = 0
Nastavte objDoc = objIE.Document.Body
objDoc.InnerHTML = strHTML
objIE.Visible = Pravda
End Sub



Miniaplikace na ploše nejsou ve světě Windows žádnou novinkou. Poprvé byly zaznamenány ve Vista, kde byly umístěny na bočním panelu. I když byl nápad sám o sobě dobrý, neměl velký úspěch. S příchodem 7 Microsoft tento prvek mírně přepracoval. S tímto návodem se naučíte a také jak je nastavit pro pohodlnou obsluhu.

Stáhněte si archiv se souborem gadgetu. Rozbalte jej do libovolné složky. Ready-made (gadget). Dvakrát klikněte na soubor levým tlačítkem, otevře se okno, ve kterém klikněte na tlačítko „instalovat“. Po instalaci se gadget okamžitě objeví na ploše.

Existuje méně používaná možnost, se kterou nemá smysl ztrácet čas. Musíte si stáhnout archiv souborů samotného gadgetu a poté hodit extrahované prvky do konkrétní složky, ke které se dostanete dlouho. Proto o tom nebudeme uvažovat.

Poznámka: stahujte pouze z důvěryhodných zdrojů, aby nedošlo k poškození systému Windows 7.

Kde najít gadgety

Nejprve musíte přejít na ovládací panel gadgetů. To lze provést dvěma způsoby:

2. Klepněte pravým tlačítkem myši na prázdné místo na ploše a z rozbalovací nabídky vyberte „gadgety“. Podle mého názoru je to snadný a pohodlný způsob.

V okně kolekce se zobrazí seznam nainstalovaných gadgetů. Ve výchozím nastavení má Windows 7 následující:

  • Windows Media Center
  • Měna
  • Hádanka
  • Titulky zpráv webového kanálu
  • indikátor CPU
  • Kalendář
  • Počasí
  • Prezentace
  • Jak zapnout a vypnout gadgety

    Chcete-li nainstalovat gadget, dvakrát na něj klikněte levým tlačítkem a během zlomku sekundy se aktivuje. Můžete jej také vybrat a přetáhnout na plochu na požadované místo.

    Pokud chcete gadget odebrat, ukažte na něj. Poté se napravo od něj objeví několik tlačítek. Klikněte na bílý křížek s červeným pozadím a gadget zmizí z plochy.

    Jak nastavit a přesunout gadgety

    Mohou být personalizovány a přizpůsobeny různými způsoby. Níže se pokusím shrnout všechny prvky, které lze nainstalovat a nakonfigurovat:

    1. Zvětšit velikost gadgetů – umožňuje zvětšit jejich velikost pro lepší vnímání informací. Pokud je to možné, pak když najedete na nabídku, měl by být vpravo čtverec se šipkou, jak je znázorněno na obrázku níže. Klikněte na něj a uvidíte, jak velký nárůst nastal. Pokud chcete, aby gadget měl standardní velikosti, musíte kliknout na stejné tlačítko (nyní bude šipka směřovat do čtverce).

    2. Skryjte nebo zobrazte všechny gadgety – existuje způsob, jak se jich zbavit všechny najednou. Klikněte pravým tlačítkem myši na prázdnou oblast plochy, přejděte na „zobrazit“ a poté klikněte na „Zobrazit miniaplikace na ploše“. Chcete-li, aby se všechny zobrazily jako dříve, klikněte znovu na toto tlačítko, které bude označeno zaškrtnutým políčkem vedle názvu možnosti.

    Pokud si myslíte, že miniaplikace budou fungovat na pozadí Windows 7, jste na omylu. Proces ve správci úloh, který je za to zodpovědný, se nazývá „sidebar.exe“. Jakmile je všechny skryjete, proces zmizí a naopak.

    3. Displej nad všemi okny – řadu gadgetů je třeba mít stále na očích. Vyberte ten, který potřebujete, a klikněte na něj pravým tlačítkem. V nabídce, která se otevře, musíte zaškrtnout políčko na řádku „nad ostatními okny“.

    4. Úroveň průhlednosti – klikněte pravým tlačítkem na miniaplikaci, ukažte na „neprůhlednost“ a vyberte procentuální číslo. Pokud nastavíte procento nižší, průhlednost bude znatelnější.

    5. Přepínání mezi aktivními miniaplikacemi - k tomu podržte klávesu s ikonou windows a stiskněte G na klávesnici, každým kliknutím budete přepínat z jedné do druhé.

    Pokud najedete myší na tlačítko „sbalit všechna okna“, které se nachází na hlavním panelu, zobrazí se všechny aktivní miniaplikace.

    Jak odstranit gadget

    Pro tento postup existuje několik velmi jednoduchých kroků. Otevřete sbírku gadgetů a vyberte položku. Poté klikněte pravým tlačítkem myši a klikněte na „smazat“. Poté se zobrazí varování, se kterým musíte souhlasit.

    Teď už je to jasnější jak nainstalovat gadgety pro windows 7. Oproti Vista si vývojáři dali záležet na flexibilitě použití. Nyní již nemusíte umisťovat prvky do pravého nebo levého panelu. Máte možnost umístit miniaplikace kamkoli na plochu, aby se vám pracovalo pohodlněji.

    Lze upravit. Pokud je neprůhlednost miniaplikace menší než 100 %, stane se po najetí myší zcela neprůhlednou. Zdá se, že tímto způsobem můžete gadget zcela zneviditelnit, takže se zobrazí pouze při najetí kurzorem. Problém je v tom, že pro gadgety neexistuje žádná hodnota krytí 0 %. Je však docela možné, aby byl váš gadget zcela průhledný a v tomto článku vám řeknu přesně jak.

    Přidání miniaplikací na plochu

    V případě, že jste gadgety ještě nepoužívali, vysvětlím, jak je přidat na plochu. Chcete-li zobrazit všechny miniaplikace, klikněte pravým tlačítkem na tabulku a vyberte Zobrazit | Zobrazit miniaplikace na ploše“ (Zobrazit | Zobrazit miniaplikace na ploše, obr. A).

    Obrázek A. Toto je jediný způsob, jak povolit/zakázat miniaplikace. Místo aby byly miniaplikace zcela průhledné, můžete je pomocí této možnosti všechny skrýt.

    Chcete-li přidat gadgety na plochu, klikněte na něj pravým tlačítkem myši a vyberte možnost „Gadgety“. Objeví se nové okno (obrázek B), ze kterého lze miniaplikace přetáhnout na plochu.


    Obrázek B. Nemáte gadget, který potřebujete? Klikněte na odkaz „Získat více gadgetů online“.

    Windows Live Gallery obsahuje stovky miniaplikací. Před instalací miniaplikací stažených z internetu na plochu je nezapomeňte naskenovat antivirem - přestože jsou zveřejněny na oficiálním zdroji, nezaručuje to jejich bezpečnost.

    Chcete-li změnit průhlednost miniaplikace, klikněte na ni pravým tlačítkem a vyberte „Neprůhlednost | X%" (Neprůhlednost | X%), kde X je číselná hodnota (obrázek C).


    Obrázek C. Proč vývojáři Microsoftu neposkytli možnost udělat gadgety zcela transparentní, mi zůstává záhadou. Naštěstí se tento problém dá vyřešit.

    Nastavení

    Nyní se podívejme, jak udělat gadgety zcela průhledné. Klikněte pravým tlačítkem myši na požadovaný gadget a dejte mu krytí 20 %. Poté proveďte následující:

    Krok jedna.

    Ukončete postranní panel systému Windows. Chcete-li to provést, klikněte pravým tlačítkem myši na hlavní panel, vyberte možnost „Spustit Správce úloh“, najděte v seznamu proces „sidebar.exe“ a ukončete jej. V takovém případě všechny miniaplikace z plochy zmizí. Pokud tak neučiníte, nebudete moci konfiguraci upravovat.

    Krok dva.

    Stejným způsobem můžete skrýt všechny ostatní gadgety. Nezapomeňte nastavit každý z nich na 20% neprůhlednost a nezapomeňte ukončit proces "sidebar.exe" pro úpravu souboru nastavení a poté jej znovu spustit.

    Na závěr

    Opravdu miluji miniaplikace a

    Základní kroky

    Zde je několik základních kroků při vytváření a umisťování miniaplikací.

  • Napište specifikaci gadgetu v textovém editoru a poté ji uložte na veřejně přístupný webový server.
  • Přidejte miniaplikaci například do kontejneru iGoogle nebo Orkut. Kontejner je aplikace nebo webová stránka, kterou mohou provádět gadgety.
  • Struktura gadgetu

    Jakmile pochopíte, jak upravovat a publikovat gadgety, můžete do specifikací gadgetů začít zařazovat pokročilejší funkce. Specifikace XML gadgetu se skládá ze 3 hlavních částí.

    • Sekce obsahu. V této části se odehrává skutečná práce vašeho gadgetu. Zde byste měli uvést typ gadgetu, programovací logiku a často prvky HTML, které určují jeho vzhled.
    • Uživatelské nastavení. Sekce definuje funkce, které uživatelům dávají možnost vybrat si nastavení gadgetu. Například miniaplikace s osobním pozdravem může obsahovat textové pole, které uživatele požádá, aby uvedli své jméno.
    • Nastavení gadgetu. Část souboru XML určuje vlastnosti gadgetu (například název, autor, preferovaná velikost atd.).

    Při vytváření gadgetu byste měli začít sekcí.

    Definice obsahu

    Sekce představuje „mozek“ gadgetu. Sekce definuje typ obsahu a obsahuje samotný obsah nebo odkazy na externí obsah. Sekce je místo, kde jsou atributy gadgetu a uživatelská nastavení kombinovány s programovací logikou a informacemi o formátování do funkčního gadgetu.

    Nejjednodušší způsob, jak vytvořit gadget, je jednoduše vložit HTML (a případně JavaScript nebo Flash) do sekce. Zkušení weboví vývojáři si možná budou chtít přečíst další možnosti řízení přístupu, vzdáleného hostování, používání jiných skriptovacích jazyků a další. Zde je jednoduchý příklad gadgetu. Tento gadget obsahuje fotografii, na kterou kliknete a otevřete fotoalbum na nové stránce HTML:

    Definování vlastních nastavení

    Některé gadgety by měly uživatelům umožnit zadávat informace o sobě. Například herní gadget může podporovat vstup preferované úrovně obtížnosti. Sekce uživatelského nastavení () souboru XML obsahuje pole pro zadání informací o uživateli, která se objeví v rozhraní uživatele, který gadget spustil. Uživatelská nastavení jsou uložena trvale.

    Například v tomto gadgetu se osobní pozdrav mění v závislosti na denní době. V tomto případě mohou uživatelé poskytnout následující informace.

    • Jméno použité v pozdravu. Toto jméno je také napsáno v titulním řádku.
    • Barva pozadí.
    • Musím ukázat fotku?

    Takto vypadá gadget, když uživatel klikne na Upravit a změní uživatelská nastavení:

    Specifikace formátu XML definuje ovládací prvky v rozhraní zahrnutého gadgetu, které jsou zodpovědné za uživatelská nastavení.





    Vezměte prosím na vědomí následující:

    Zde je celý gadget spolu s kódem JavaScript, který zobrazuje uvítací text gadgetu.

    Seznam atributů viz .

    Vlastní nastavení lze vyvolat z vašeho gadgetu pomocí speciálních rozhraní API JavaScriptu, například:

    var prefs = new gadgets.Prefs();

    var someStringPref = prefs.getString("StringPrefName");

    var someIntPref = prefs.getInt("IntPrefName");

    var someBoolPref = prefs.getBool("BoolPrefName"); Seznam všech funkcí JavaScriptu naleznete v . Variabilní náhrada za vlastní nastavení Seznam všech funkcí JavaScriptu naleznete v . Můžete použít variabilní substituci formátu __UP_

    userpref

    • __ v oddílech nebo kde odpovídá názvu atributu Přizpůsobení. Po spuštění gadgetu je místo proměnné nahrazena řetězcová hodnota odpovídajícího uživatelského nastavení bez překladu. Například v tomto úryvku je hodnota __UP_projects__ v řádku title_url nahrazena uživatelem zadanou hodnotou runtime pro vlastní nastavení projektů: Níže je uveden obecný průvodce používáním substituce proměnných pro vlastní nastavení. Pro atribut title použijte __UP_.
    • jméno odpovídá názvu atributu Přizpůsobení. Po spuštění gadgetu je místo proměnné nahrazena řetězcová hodnota odpovídajícího uživatelského nastavení bez překladu. Například v tomto úryvku je hodnota __UP_projects__ v řádku title_url nahrazena uživatelem zadanou hodnotou runtime pro vlastní nastavení projektů: Níže je uveden obecný průvodce používáním substituce proměnných pro vlastní nastavení. Pro atribut title použijte __UP_.
    • __. Tento odpovídá názvu atributu Přizpůsobení. Po spuštění gadgetu je místo proměnné nahrazena řetězcová hodnota odpovídajícího uživatelského nastavení bez překladu. Například v tomto úryvku je hodnota __UP_projects__ v řádku title_url nahrazena uživatelem zadanou hodnotou runtime pro vlastní nastavení projektů: přeloženo do HTML
    • Pro atribut title_url použijte __UP_
    V HTML v sekci použijte __UP_

    Pomocí funkce shareable-prefs můžete více uživatelům poskytnout možnost změnit nastavení gadgetu. Tímto způsobem mohou uživatelé sdílet gadget a zjistit, kdo co změnil. Členové rodiny mohou mít například společný gadget s nákupním seznamem a každý může přidat své oblíbené produkty. Data uživatelských nastavení jsou součástí stavu gadgetu uloženého na iGoogle. Více informací o vlastních nastaveních naleznete v .

    Aby bylo možné vlastní nastavení gadgetu sdílet mezi více uživateli, musí gadget v sekci obsahovat řádek. Například tento gadget používá vlastní nastavení k naplnění nákupního seznamu:

    Zde je kód gadgetu:

    ]]>

    Jakmile na iGoogle přidáte gadget, který podporuje nastavení sdílení, můžete jej zpřístupnit pro sdílení následovně:

    Krok 1: Klikněte na trojúhelník na gadgetu, který chcete sdílet, a vyberte možnost Sdílet tento gadget.

    Krok 2: Pokud používáte Gmail, vyberte přátele, se kterými chcete gadget sdílet, nebo zadejte jejich e-mailové adresy.

    Krok 3: Rozhodněte se, zda přátelé mohou upravovat obsah gadgetu nebo jej pouze zobrazovat na svých stránkách iGoogle.

    • Když vyberete Zobrazit a upravit obsah, přátelé budou moci upravit vlastní nastavení gadgetu. Jejich změny se projeví ve vaší verzi gadgetu a ve všech ostatních sdílených verzích daného gadgetu.
    • Pokud vyberete Zobrazit obsah, přátelé nebudou moci změnit samotný gadget ani jeho kopie na svých vlastních stránkách. Miniaplikaci můžete změnit pouze vy a vaše změny se použijí na všechny sdílené verze miniaplikace.

    Klikněte na Odeslat pozvánky. Přátelé od vás obdrží e-mail s pozvánkou k přidání gadgetu na jejich stránky iGoogle.

    Přátelé, kterým povolíte upravovat gadget, mohou upravovat vlastní nastavení a publikovat změny ve všech sdílených verzích gadgetu.

    Definování nastavení gadgetu

    Část souboru XML specifikuje vlastnosti gadgetu (například název, autora, preferovanou velikost atd.). Například:




    
    Nahoru