Come configurare smartphone e PC. Portale informativo
  • casa
  • Consigli
  • Creare i tuoi gadget. Commenti (7) su "Gadget desktop"

Creare i tuoi gadget. Commenti (7) su "Gadget desktop"

I gadget desktop non sono una novità nel mondo Windows. Sono stati visti per la prima volta in Vista, dove si trovavano sul pannello laterale. Anche se l'idea in sé era buona, non ha avuto molto successo. Con l'avvento del 7, Microsoft ha leggermente rielaborato questo elemento. Con questo manuale imparerai, oltre a come impostarli per un funzionamento conveniente.

Scarica l'archivio con il file del gadget. Decomprimilo in qualsiasi cartella. Pronto (gadget). Fare doppio clic sul file con il pulsante sinistro, si aprirà una finestra in cui fare clic sul pulsante "installa". Dopo l'installazione, il gadget viene immediatamente visualizzato sul desktop.

Esiste un'opzione meno utilizzata, per la quale non ha senso perdere tempo. È necessario scaricare l'archivio dei file del gadget stesso, quindi rilasciare gli elementi estratti in una cartella specifica, che richiede molto tempo per raggiungerla. Pertanto, non lo considereremo.

Nota: scarica solo da fonti attendibili per non danneggiare il tuo Windows 7.

Dove trovare i gadget

Per prima cosa devi andare al pannello di controllo dei gadget. Ci sono due modi per farlo:

2. Fare clic con il pulsante destro del mouse su uno spazio vuoto del desktop e selezionare "gadget" dal menu a discesa. A mio parere, questo è un modo facile e conveniente.

La finestra della raccolta mostrerà un elenco di gadget installati. Per impostazione predefinita, Windows 7 ha quanto segue:

  1. Windows Media Center
  2. Moneta
  3. Puzzle
  4. Titoli di notizie feed Web
  5. Indicatore CPU
  6. Il calendario
  7. Tempo metereologico
  8. Presentazione

Come attivare e disattivare i gadget

Per installare un gadget, fai doppio clic su di esso con il pulsante sinistro e si attiverà in una frazione di secondo. Puoi anche selezionarlo e trascinarlo sul desktop nella posizione desiderata.

Se desideri rimuovere un gadget, passaci sopra con il mouse. Successivamente, alla sua destra appariranno diversi pulsanti. Fai clic sulla croce bianca con sfondo rosso e il gadget si nasconderà dal desktop.

Come personalizzare e spostare i gadget

Possono essere personalizzati e personalizzati in diversi modi. Di seguito cercherò di riassumere tutti gli elementi che possono essere installati e configurati:

1. Aumenta le dimensioni dei gadget: consente di aumentarne le dimensioni per una migliore percezione delle informazioni. Se possibile, al passaggio del mouse nel menu, dovrebbe esserci un quadrato con una freccia a destra, come mostrato nello screenshot qui sotto. Cliccaci sopra e vedrai quanto si è verificato l'aumento. Se vuoi che il gadget sia di dimensioni standard, devi fare clic sullo stesso pulsante (ora la freccia punterà su un quadrato).

2. Nascondi o mostra tutti i gadget: c'è un modo per sbarazzartene tutti in una volta. Fare clic con il pulsante destro del mouse su un punto vuoto del desktop, passare il puntatore del mouse su Visualizza, quindi fare clic su Mostra gadget desktop. Affinché tutti vengano visualizzati come prima, fare nuovamente clic, ciò sarà evidenziato dalla casella di controllo selezionata accanto al nome dell'opzione.

Se pensi che i gadget verranno eseguiti in background in Windows 7, ti sbagli. Il processo del task manager responsabile di questo si chiama "sidebar.exe". Dopo averli nascosti tutti, il processo scomparirà e viceversa.

3. Visualizza in cima a tutte le finestre: un certo numero di gadget dovrebbe essere sempre tenuto in vista. Seleziona quello richiesto e fai clic con il tasto destro su di esso. Nel menu che si apre, devi selezionare la casella sulla riga "sopra le altre finestre".

4. Livello di trasparenza: fai clic con il pulsante destro del mouse sul gadget, quindi passa il mouse su "opacità" e seleziona una percentuale. Se imposti una percentuale più bassa, la trasparenza sarà più evidente.

5. Passaggio da un gadget attivo all'altro: per fare ciò, tieni premuto il tasto con l'icona di Windows e premi G sulla tastiera, ad ogni clic su cui passerai da uno all'altro.

Se muovi la freccia del mouse sul pulsante "riduci a icona tutte le finestre" situato sulla barra delle applicazioni, verranno mostrati tutti i gadget attivi.

Come rimuovere un gadget

Ci sono alcuni passaggi molto semplici per questa procedura. Apri la raccolta di gadget e seleziona un elemento. Quindi fare clic con il tasto destro e fare clic su Elimina. Quindi vedrai un avviso, con il quale devi essere d'accordo.

Sta già diventando più chiaro come installare i gadget per Windows 7... Rispetto allo stesso Vista, gli sviluppatori hanno curato la flessibilità di utilizzo. Ora non è necessario posizionare gli elementi nel riquadro destro o sinistro. Ora hai l'opportunità di posizionare i gadget ovunque sul desktop in modo che sia più comodo lavorare.

Di recente ho dovuto creare un gadget della barra laterale di Windows. Non avevo alcuna abilità in questo, quindi dopo aver cercato su Google e letto la documentazione, veniamo al punto.

Mostrerò immediatamente cosa è successo alla fine


Il gadget riceverà informazioni dal sito sotto forma di xml, parse e, appunto, display. Inoltre, il gadget verificherà la presenza di nuove versioni e, se sono presenti, si rifiuterà di funzionare :)
Inizialmente, per fare esperienza, volevo scrivere un gadget interamente in VBScript (visto che non me ne ero ancora occupato), ma alla fine ho dovuto fare degli inserti in JavaScript.
Andiamo direttamente al codice. Non prenderò in considerazione l'intero codice qui, mostrerò solo i punti principali. Un collegamento al gadget finito si trova alla fine dell'articolo.
Il file principale del gadget è il suo manifest: il file Gadget.xml. Dovrebbe essere chiamato in questo modo e trovarsi nella radice del nostro archivio (un gadget non è altro che un archivio ZIP con estensione .gadget).

Meteo da Info.Denms.Ru 1.0.1232 Widget meteo completo (Info.Denms.Ru)

Consideriamolo più in dettaglio.
Elemento dovrebbe contenere apiVersion pari a 1.0.0 (al momento), oltre all'attributo src, che indica il file principale del nostro gadget;
Autorizzazioni per il gadget. Imposta uguale a pieno;
Versione minima di Widows Sidebar. Al momento - 1.0;
Parametri - il nome del gadget, - versione, - informazioni sull'autore, - link alla pagina con il gadget, - icona gadget e verrà visualizzato sul pannello dei gadget installati.

Il file main.html è un normale file html, non lo citerò per intero, mi soffermerò solo su alcuni punti.
L'elemento g: background imposta lo sfondo del gadget. Rendiamolo trasparente.

Il gadget può essere in due stati: agganciato (a sinistra nello screenshot sopra) e sganciato (a destra). Memorizziamo lo stato corrente del gadget nella variabile JavaScript ancorata.

Avremo bisogno della funzione wrapper isDocked in futuro per scoprire lo stato attuale del gadget da VBScript (non importa quanto ci abbia provato, ma non sono riuscito a implementarlo in VBScript puro). Un'altra nota: gli script funzionano correttamente in questo ordine, ad es. prima descriviamo gli script VBScript, quindi JavaScript.

Il resto degli elementi in main.html sono rappresentati da elementi DIV con posizionamento assoluto. Successivamente, dagli script, ci riferiremo ad essi tramite il loro id.

Utilizzando JavaScript, imposta gli stati ancorato e sganciato per il gadget, oltre a specificare il file delle impostazioni (main.js)

System.Gadget.onDock = ridimensiona; System.Gadget.onUndock = ridimensiona; System.Gadget.settingsUI = "impostazioni.html"; System.Gadget.onSettingsClosed = SettingsClosed; agganciato = 0; // stato iniziale del ridimensionamento del gadget (); //inizializzazione

Come puoi vedere dall'elenco sopra, quando lo stato del gadget cambia, verrà chiamata la funzione di ridimensionamento ().

Ridimensionamento della funzione () (bd = document.body.style; System.Gadget.beginTransition (); if (System.Gadget.docked) (// stato piccolo bd.width = 148; // imposta la dimensione del gadget bd. height = 201 ; docked = 1; bd.background = "url (images / gadget.png) no-repeat"; // imposta lo sfondo // seguito dal trasferimento dei valori dallo stato non ancorato a quello agganciato e azzeramento di elementi per lo stato non ancorato document.getElementById ("small_needupdate") .innerHTML = document.getElementById (" big_needupdate "). innerHTML; document.getElementById (" big_needupdate "). innerHTML =" "; // ...) else (/ / big state bd.width = 230; bd. height = 160; bd.background = "url (images / gadgeth.png) no-repeat"; docked = 0; // sposta i valori dallo stato ancorato a non ancorato e azzerando gli elementi per lo stato ancorato document.getElementById ("big_needupdate"). innerHTML = document.getElementById ("small_needupdate"). innerHTML; document.getElementById ("small_needupdate"). innerHTML = ""; // ...) Sistema. Gadget.endTransition (System.Gadget.Transiti onType.morph, 1); )

È inoltre possibile descrivere la funzione di salvataggio delle impostazioni. Non sono nel mio gadget, ma per un esempio mostrerò come è fatto.

Function SettingsClosed (event) (if (event.closeAction == event.Action.commit) (// alert System.Gadget.Settings.readString ("test");))

ReadString - legge una stringa salvata in precedenza, writeString, rispettivamente, scrive.
metodi System.Gadget.beginTransition (); e System.Gadget.endTransition (); sono necessari per ridimensionare il gadget in modo "semplice". Vengono ignorati in Windows Seven, ma li ho lasciati comunque per la compatibilità con le versioni precedenti.

Come accennato in precedenza, il server ci fornisce informazioni meteo in formato xml.

1,7 41 coperto di neve 87 S-O 5 -3 -1 -1 26 1 -9 41 0 ...

Scaricheremo e analizzeremo xml in VBScript.

Sub DownloadXML2 Set objXML = CreateObject ("Microsoft.XmlHttp") objXML.Open "GET", "http://info.kovonet.ru/weather.xml", True objXML.OnReadyStateChange = GetRef ("objXML_onreadystatechange") objXML.setRequest "If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT" objXML.Send iTimeoutID = window.SetTimeout ("mySleep", 1000) End Sub

La funzione mySleep verificherà la nostra connessione per un timeout.

Sub mySleep if bRespReceived = "false", quindi "nessuna risposta ancora ricevuta iTimeout = iTimeout + 1 if (iTimeout> 30) then" timerFirstRun timeout = window.SetTimeout ("Update", 60000) "prova ad aggiornare di nuovo tra un minuto" timeout non ancora raggiunto, continua a contare i secondi iTimeoutID = window.SetTimeout ("mySleep", 1000) end if end if End Sub

Se il download ha esito positivo, objXML.readyState sarà uguale a quattro e lo stato (objXML.status) restituirà un valore di 200.

Funzione objXML_onreadystatechange () If (objXML.readyState = 4) Then "msgbox objXML.statusText If (objXML.status = 200) Then bRespReceived = true SaveFile (objXML.responseText) else timerFirstRun = window.SetTimeout (" "Aggiorna tenta di aggiornare di nuovo dopo un minuto End If End If End Funzione

In questo caso, salviamo il file nella cartella temporanea di Windows.

Funzione SaveFile (cosa) Set fso = CreateObject ("Scripting.FileSystemObject") tempFolder = fso.GetSpecialFolder (2) filepath = tempFolder + "\ weather.xml" Dim fso1, tf Set fso1 = CreateObject ("Scripting.FileSystemObject" = fso1 .CreateTextFile (filepath, True, True) "riscrivi, unicode tf.Write (what) tf.Close ParseXML End Function

E iniziamo ad analizzare il file.

Sub ParseXML Imposta fso = CreateObject ("Scripting.FileSystemObject") tempFolder = fso.GetSpecialFolder (2) filepath = tempFolder + "\ weather.xml" Imposta xmlDoc = CreateObject ("Msxml2.DOMDocument") xmlDoc.asyncDocml = false load (filepath ) "nodo principale - nel nostro caso Imposta currNode = xmlDoc.documentElement "giorni della settimana - Imposta dayNode = currNode.firstChild While Not dayNode Is Nothing Imposta currNode = dayNode.firstChild While Not currNode Is Nothing if currNode.parentNode.getAttribute ("id") = "today" then "today if currNode.nodeName =" temp "then document .getElementById (prefisso + "maintemp"). innerHTML = currNode.childNodes (0) .text + Chr (176) "visualizzazione di altri elementi" non oggi, visualizzazione più fine "... end If Set currNode = currNode.nextSibling Wend Imposta dayNode = dayNode.nextSibling Wend End Sub

Il controllo delle nuove versioni viene eseguito esattamente allo stesso modo.
Non dimenticare di creare un file di impostazioni - settings.html, la cui esistenza abbiamo annunciato sopra.

Impostazioni

Questo, in effetti, è tutto. Sarei felice se il mio (primo :)) articolo fosse utile a qualcuno.

Fonti usate.

Può essere regolato. Se l'opacità del gadget è inferiore al 100%, diventa completamente opaco al passaggio del mouse. Sembrerebbe che in questo modo tu possa rendere il gadget completamente invisibile in modo che appaia solo quando ci passi sopra. Il problema è che l'opacità dello 0% non è prevista per i gadget. Tuttavia, è del tutto possibile rendere un gadget completamente trasparente e in questo articolo ti dirò esattamente come.

Aggiunta di gadget al desktop

Nel caso in cui non hai mai utilizzato gadget prima, ti spiegherò come aggiungerli al tuo desktop. Per rendere visibili tutti i gadget, fai clic con il pulsante destro del mouse sulla tabella e seleziona l'opzione “Visualizza | Mostra gadget desktop "(Visualizza | Mostra gadget desktop, figura A).

Figura A. Questo è l'unico modo per abilitare/disabilitare i gadget. Invece di rendere i gadget completamente trasparenti, puoi nasconderli tutti usando questa opzione.

Per aggiungere gadget al desktop, fai clic con il pulsante destro del mouse e seleziona l'opzione "Gadget". Apparirà una nuova finestra (Figura B) da cui è possibile trascinare i gadget sul desktop.


Figura B. Non hai un gadget che desideri? Fare clic sul collegamento Ottieni più gadget online.

La Raccolta di Windows Live include centinaia di gadget. Prima di installare i gadget scaricati da Internet sul desktop, assicurati di scansionarli con un antivirus, sebbene siano pubblicati su una risorsa ufficiale, ciò non garantisce la loro sicurezza.

Per modificare la trasparenza di un gadget, fai clic con il pulsante destro del mouse su di esso e seleziona Opacità | X% "(Opacità | X%), dove X è un valore numerico (Figura C).


Figura C. Perché gli sviluppatori Microsoft non hanno previsto la possibilità di rendere i gadget completamente trasparenti per me rimane un mistero. Fortunatamente, questo problema può essere risolto.

Personalizzazione

Ora vediamo come rendere i gadget completamente trasparenti. Fare clic sul gadget desiderato con il tasto destro del mouse e assegnargli un valore di opacità del 20%. Dopodiché, procedi come segue:

Primo passo. Chiudi la barra laterale di Windows. Per fare ciò, fai clic con il pulsante destro del mouse sulla barra delle applicazioni, seleziona l'opzione "Avvia Task Manager", trova il processo "sidebar.exe" nell'elenco e terminalo. In questo caso, tutti i gadget dal desktop scompariranno. In caso contrario, non sarai in grado di modificare la configurazione.

Passo due. Trova il file "Settings.ini" per i tuoi gadget desktop. Tipicamente, è memorizzato nella cartella "C: \ Users \ (username) \ AppData \ Local \ Microsoft \ WindowsSidebar \" ("C: \ Users \ (username) \ AppData \ Local \ Microsoft \ WindowsSidebar \" per l'interfaccia inglese ). Apri questo file nel Blocco note, trova la riga "PrivateSetting_GadgetOpacity =" (20) "" e sostituisci "20" con "1". Dovrebbe essere simile a questo: "PrivateSetting_GadgetOpacity =” (1) ”". Quindi salva le modifiche e chiudi Blocco note.

Fase tre. Ora avvia nuovamente il processo responsabile della visualizzazione dei gadget. Per fare ciò, digita "sidebar.exe" (senza virgolette) nella barra di ricerca del menu Start e fai clic. Tutti i gadget verranno visualizzati sul desktop, ad eccezione di quello per il quale il valore di opacità è stato impostato al 20%. Ma in realtà non è andato da nessuna parte: sposta il cursore nel punto in cui dovrebbe essere posizionato questo gadget e diventerà immediatamente visibile. Il compito è stato risolto!

Puoi nascondere tutti gli altri gadget allo stesso modo. Non dimenticare di impostare il valore di opacità per ciascuno di essi al 20% e assicurati di uscire dal processo "sidebar.exe" per modificare il file delle impostazioni, quindi riavviarlo.

Infine

Adoro i gadget e gli accessori

Il layout della finestra principale non è diverso dal layout di qualsiasi altra pagina web. Inoltre, ci vengono forniti alcuni tag solo gadget. Per impostare lo sfondo del gadget, utilizza il tag g: background. Qualsiasi contenuto posizionato in questo elemento farà da sfondo all'intera finestra principale.
< g:background id ="background" style opacity ="0" >

Non ho creato lo sfondo per il gadget, con il parametro opacity = "0" lo sfondo è diventato completamente trasparente.

Il corpo della pagina è un div superiore abbastanza semplice utilizzato per visualizzare lo stato del gadget, consente di vedere quanti minuti mancano all'aggiornamento dei dati e supporta anche l'aggiornamento manuale. Il div inferiore conterrà l'elenco dei server.

< div id ="status" >< a a >
< div id ="content" >
< ul id ="serverList" >



Tutti gli stili, JavaScript vengono spostati in file esterni. Per comodità, è stata inclusa la libreria jQuery. L'intero layout della finestra principale è minuscolo.
< html >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />
< link rel ="stylesheet" type ="text/css" href ="./style/gadget.css" />
< script type ="text/javascript" src ="./js/jquery-1.3.2.min.js" >

Principali articoli correlati