Architettura dei widget
I widget sono applicazioni autonome che di solito possono essere trovate incorporate su siti di terze parti come orologi, ticker di aste, conti alla rovescia di eventi, ecc. I widget sono quindi mini applicazioni facili da implementare, veloci da sviluppare e utilizzate per sfruttare tecnologie avanzate aggiungendo funzionalità alle applicazioni esistenti. Se riesci a creare una pagina Web, allora sai come creare e distribuire un widget poiché utilizzano la stessa tecnologia di JavaScript, DHTML e CSS. I widget possono essere widget accessori, applicativi o informativi. I widget accessori sono autonomi e funzionano indipendentemente da Internet o da un'applicazione. I widget dell'applicazione sono associati a tutti gli effetti con un'applicazione mentre i widget delle informazioni funzionano con i dati Internet.
L'architettura
Passo 1
Avvia il tuo editor di testo e crea un file HTML. Il file HTML deve aderire allo standard XHTML 1.0 e versioni successive per essere conforme alle migliori pratiche standard Web correnti. Un semplice codice XHTML sarà simile a questo:
Video del giorno
Passo 2
Utilizzare il
Passaggio 3
Utilizzare Cascading Style Sheets (CSS) per definire lo stile del widget in modo che venga visualizzato uniformemente su tutti i browser. Parte del file CSS conterrebbe il seguente stile:
Passaggio 4
Metti il file sopra in un file separato. In questo esempio, abbiamo salvato il file come "widget.css". Fare riferimento al file utilizzando l'istruzione "import" sul file html principale come mostrato:
Aggiungere Dinamismo
Passo 1
Usa l'oggetto "widget" per fornire capacità aggiuntive. Ad esempio, per accedere alle preferenze dell'utente, utilizzare la seguente riga di codice:
widget.setPreferenceForKey (preferenza, chiave) GO widget.preferenceForKey (chiave);
Passo 2
Utilizzare gli eventi di attivazione per evitare un uso eccessivo del tempo della CPU o delle risorse di rete da parte del widget. Il codice seguente mostra come eseguire questa operazione:
If (window.widget) { widget.hide = nascondi GO widget.show = mostra GO
funzione hide() { if (timeInterval == null) { timeInterval = setInterval (updateTime (true);", 500) GO } }
Aggiungi altre funzioni al codice come preferisci.
Passaggio 3
Crea il file "Info.plist" per identificare un widget e le sue risorse. Questo file varia su cosa dovrebbe contenere a seconda del tipo di widget.
Consiglio
In linea con gli usi della tecnologia Web, il dinamismo dei widget viene fornito utilizzando JavaScript. Ciò consente al widget di accedere alle preferenze dell'utente sul sistema, capovolgere i widget per accedere alle preferenze, aprire altre applicazioni, rispondere agli eventi della pagina Web ed eseguire comandi di sistema come strumenti da riga di comando e shell script.
