Ako vytvoriť widget

...

Widgetová architektúra

Widgety sú samostatné aplikácie, ktoré možno zvyčajne nájsť vložené na stránkach tretích strán ako hodiny, aukcie, odpočítavanie udalostí atď. Widgety sú teda miniaplikácie, ktoré sa ľahko nasadzujú, rýchlo vyvíjajú a používajú sa na využitie pokročilých technológií pridávaním funkcií do existujúcich aplikácií. Ak dokážete vytvoriť webovú stránku, viete, ako vytvoriť a nasadiť widget, pretože používajú rovnakú technológiu JavaScript, DHTML a CSS. Widgety môžu byť buď doplnky, aplikácie alebo informačné widgety. Widgety príslušenstva sú samostatné a fungujú nezávisle od internetu alebo aplikácie. Aplikačné widgety sú plnohodnotne spojené s aplikáciou, zatiaľ čo informačné widgety pracujú s internetovými údajmi.

Architektúra

Krok 1

Spustite textový editor a vytvorte súbor HTML. Súbor HTML by mal spĺňať štandard XHTML 1.0 a vyšší, aby bol v súlade s aktuálnymi osvedčenými postupmi webových štandardov. Jednoduchý XHTML kód bude vyzerať takto:

Video dňa

Miniaplikácie

Krok 2

Použi tag na vykonanie úplného 2D vykresľovania pre miniaplikáciu, ak je to potrebné. Atribút „composite“ je ďalším doplnkom značky, ktorý umožňuje určiť, ako sa obrázok („picture.png“) vykreslí.

Krok 3

Pomocou kaskádových štýlov (CSS) upravte miniaplikáciu tak, aby sa zobrazovala jednotne vo všetkých prehliadačoch. Časť súboru CSS by obsahovala nasledujúci štýl:

Krok 4

Umiestnite vyššie uvedený súbor do samostatného súboru. V tomto príklade sme súbor uložili ako „widget.css“. Odkazujte na súbor pomocou príkazu „import“ v hlavnom súbore html, ako je znázornené:

Pridanie dynamiky

Krok 1

Použite objekt "widget" na poskytnutie pridanej schopnosti. Napríklad, ak chcete získať prístup k užívateľským preferenciám, použite nasledujúci riadok kódu:

widget.setPreferenceForKey (predvoľba, kľúč) GO widget.preferenceForKey (kľúč);

Krok 2

Použite aktivačné udalosti, aby ste sa vyhli nadmernému využívaniu času CPU alebo sieťových zdrojov miniaplikáciou. Nižšie uvedený kód ukazuje, ako sa to robí:

If (window.widget) { widget.hide = hide GO widget.show = show GO

function hide() { if (timeInterval == null) { timeInterval = setInterval (updateTime (true);", 500) GO } }

Pridajte do kódu ďalšie funkcie podľa vlastného výberu.

Krok 3

Vytvorte súbor „Info.plist“ na identifikáciu miniaplikácie a jej zdrojov. Tento súbor sa líši podľa toho, čo by mal obsahovať, v závislosti od typu widgetu.

Tip

V súlade s využívaním webovej technológie je dynamika widgetov poskytovaná pomocou JavaScriptu. To umožňuje miniaplikácii pristupovať k užívateľským preferenciám v systéme, otáčať miniaplikácie na prístup k preferenciám, otvárať iné aplikácie, reagujú na udalosti webovej stránky a vykonávajú systémové príkazy, ako sú nástroje príkazového riadka a shell skripty.