Arhitectura widgetului
Widgeturile sunt aplicații de sine stătătoare care pot fi de obicei găsite încorporate pe site-uri terțe, ca ceasuri, ticker-uri de licitație, numărătoare inversă a evenimentelor etc. Widgeturile sunt astfel mini aplicații care sunt ușor de implementat, rapid de dezvoltat și utilizate pentru a folosi tehnologii avansate prin adăugarea de funcționalități aplicațiilor existente. Dacă puteți crea o pagină Web, atunci știți cum să creați și să implementați un widget, deoarece folosesc aceeași tehnologie JavaScript, DHTML și CSS. Widgeturile pot fi accesorii, aplicații sau informații. Widgeturile accesorii sunt autonome care rulează independent de Internet sau de o aplicație. Widgeturile de aplicație sunt asociate cu drepturi depline cu o aplicație, în timp ce widgeturile de informații funcționează cu date de pe Internet.
Arhitectura
Pasul 1
Porniți editorul de text și creați un fișier HTML. Fișierul HTML trebuie să respecte standardul XHTML 1.0 și mai sus, pentru a se conforma celor mai bune practici actuale ale standardului web. Un cod XHTML simplu va arăta astfel:
Videoclipul zilei
Pasul 2
Folosește
Pasul 3
Utilizați Cascading Style Sheets (CSS) pentru a stila widget-ul, astfel încât acesta să fie afișat uniform în toate browserele. O parte a fișierului CSS ar conține următorul stil:
Pasul 4
Puneți fișierul de mai sus într-un fișier separat. În acest exemplu, am salvat fișierul ca „widget.css”. Faceți referire la fișier folosind declarația „import” din fișierul html principal, așa cum se arată:
Adăugarea de dinamism
Pasul 1
Utilizați obiectul „widget” pentru a oferi o capacitate suplimentară. De exemplu, pentru a accesa preferințele utilizatorului, utilizați următoarea linie de cod:
widget.setPreferenceForKey (preferință, cheie) GO widget.preferenceForKey (cheie);
Pasul 2
Utilizați evenimente de activare pentru a evita utilizarea excesivă a timpului CPU sau a resurselor de rețea de către widget. Codul de mai jos arată cum se face acest lucru:
Dacă (window.widget) { widget.hide = ascunde GO widget.show = arată GO
function hide() { if (timeInterval == null) { timeInterval = setInterval (updateTime (adevărat);", 500) GO } }
Adăugați alte funcții la cod după cum doriți.
Pasul 3
Creați fișierul „Info.plist” pentru a identifica un widget și resursele acestuia. Acest fișier variază în funcție de ceea ce ar trebui să conțină, în funcție de tipul de widget.
Bacsis
În conformitate cu utilizările tehnologiei Web, dinamism widget-ul este oferit folosind JavaScript. Acest lucru permite widget-ului să acceseze preferințele utilizatorului din sistem, să răstoarne widget-urile pentru a accesa preferințele, deschide alte aplicații, răspund la evenimentele paginii Web și execută comenzi de sistem, cum ar fi instrumente din linia de comandă și shell scenarii.
