Hvordan lage en Vista Sidebar Gadget

January 22

Microsofts lansering av Windows Vista var den første nye operativsystem lanseres i løpet av fem år. Vista fulgte Windows XP og inkluderte en rekke nye funksjoner utformet for enkel bruk og estetisk forbedring. Vistas nye funksjoner varierte fra overfladiske, som i et nytt sett med standard lydeffekter, til arkitektonisk, som endringer i operativsystemkjernen for å forbedre stabiliteten. En funksjon som fikk oppmerksomhet var den nye Windows Sidebar, en stasjonær område som viser små programmer som kalles "gadgets". Selv en amatør programmerer kan lage en enkel Vista sidebar gadget bruker litt HTML og Javascript-kode.

Bruksanvisning

Opprette Vista Sidebar Gadget

1 Klikk "Start" og deretter "Dokumenter" for å åpne et Windows Utforsker-vindu. Klikk på "File", "New", "mappe" for å opprette en ny mappe under Dokumenter som inneholder filene for gadget. Name it "SampleGadget.Gadget" (uten anførselstegn).

2 Klikk "Start", "Alle programmer," "Tilbehør", "Notisblokk" for å åpne Notepad.

3 Skriv inn følgende kode for gadget manifest fil i Notisblokk:

<? Xml version = "1.0" encoding = "utf-8"?>

<Navn> Prøve Gadget </ navn>

<Description> Enkelt prøve Vista sidebar gadget. </ Description>

<host name="sidebar">

& Lt; basen type = "HTML" apiVersion = "1.0.0" />

& Lt; tillatelser> Full & lt; / tillatelser>

& Lt; plattform minPlatformVersion = "1.0" />

& Lt; / host>

</ Verter>

</ Gadget>

Klikk på "File" og deretter "Lagre som". I "File name" boksen type "gadget.xml" (uten anførselstegn). I "Lagre som type" -listen velger du "Alle filer

(.)." I "Encoding" -listen velger du "UTF-8". I adresselinjen eller mapper ruten, naviger til den nye mappen du opprettet i trinn 1, og klikk på "Lagre" -knappen for å lagre manifestfilen.

4 Tøm innholdet i Notepad og skriv inn følgende kode for gadget HTML-fil:

<Html xmlns = "http://www.w3.org/1999/xhtml">

<head>

& Lt; meta http-equiv = "Content-Type" content = "text / html; charset = Unicode" />

& Lt; title> Sample Vista Gadget & lt; / title>

& Lt; style type = "text / css">

kropp

{

margin: 0;

width: 130px;

height: 90px;

font-family: arial;

font-weight: bold;

font-size: 20px;

}

#hoved

{

margin: 10px, 10px, 10px, 10px;

width: 110px;

vertical-align: middle;

text-align: center;

flow: hidden;

}

& Lt; / style>

& Lt; script type = "text / javascript">

funksjon oppstart ()

{

// Oppstart rengjøring går her, for eksempel:

// Sett referanse til hoved div element

Var theDiv = document.getElementById ( 'main');

// Sett bakgrunnsfarge stil

theDiv.style.backgroundColor = 'svart';

// Sett tekstfarge stil

theDiv.style.color = 'gul';

}

& Lt; / script>

& Lt; / head>

& Lt; body onload = "Startup ()">

& Lt;! Div id = "main"> Vista Sidebar Gadget & lt; / span>

& Lt; / body>

</ Html>

Klikk på "File", "Lagre som". I "File name" boksen type "SampleGadget.html" (uten anførselstegn). I "Lagre som type" -listen velger du "Alle filer

(.)." I "Encoding" -listen velger du "UTF-8". Kontroller at Notepad fortsatt sparing i den nye mappen du opprettet, og klikk på "Lagre" -knappen for å lagre HTML-fil.

Installer Vista Sidebar Gadget

5 Marker mappenavnet i Windows Explorer-vinduet du åpnet i trinn 1. Trykk på "Ctrl" og "C" -tastene samtidig for å kopiere mappen og dens innhold til utklippstavlen. Naviger i Utforsker-vindu til C: \ Program Files \ Windows Sidebar \ Gadgets \ og trykk på "Ctrl" og "V" -tastene samtidig for å lime inn mappen og dens innhold. Du må kanskje gi et administratorpassord og greit at kopieringen, avhengig av sikkerhetsinnstillingene Vista.

6 Klikk "Start", "Alle programmer," "Tilbehør", "Windows Sidebar" for å starte sidepanelet hvis det ikke allerede er i gang.

7 Klikk på plusstegnet (+) i nærheten av høyt midt i sidepanelet for å åpne gadget galleriet vinduet. Dobbeltklikk på ikonet merket "Sample Gadget" for å plassere nye gadget på sidefeltet. Det vil vise meldingen "Vista Sidebar Gadget!" i gul skrift på svart bakgrunn med en hvit ramme, som spesifisert i HTML-filen.

Hint

Du kan lage mye mer komplekse Vista sidebar gadgets enn dette enkelt eksempel hvis du vet HTML og Javascript. En av de beste måtene å lære vanskelighetene med sidebar gadget design er å studere eksemplene som installerer med Windows, som finnes i undermapper i mappen C: \ Program Files \ Windows Sidebar \ Gadgets \ mappe.
Prosedyren for å lage en gadget for den nyere Windows 7-operativsystemet er lik. Dette enkle eksemplet vil fungere i Windows 7 så vel som i Vista.