Kuidas luua vidinat

click fraud protection
...

Vidinaarhitektuur

Vidinad on eraldiseisvad rakendused, mida võib tavaliselt leida manustatuna kolmandate osapoolte saitidel, näiteks kellad, oksjonimärgid, sündmuste loendurid jne. Vidinad on seega minirakendused, mida on lihtne juurutada, kiiresti arendada ja mida kasutatakse täiustatud tehnoloogiate võimendamiseks, lisades olemasolevatele rakendustele funktsioone. Kui saate luua veebilehe, siis teate, kuidas vidinaid luua ja juurutada, kuna need kasutavad sama JavaScripti, DHTML-i ja CSS-i tehnoloogiat. Vidinad võivad olla kas tarvikud, rakendused või teabevidinad. Tarvikuvidinad on iseseisvad, mis töötavad Internetist või rakendusest sõltumatult. Rakenduse vidinad on täielikult seotud rakendusega, samas kui teabevidinad töötavad Interneti-andmetega.

Arhitektuur

Samm 1

Käivitage oma tekstiredaktor ja looge HTML-fail. HTML-fail peaks järgima standardit XHTML 1.0 ja uuemat, et järgida kehtivaid veebistandardi parimaid tavasid. Lihtne XHTML-kood näeb välja selline:

Päeva video

Vidinad

2. samm

Kasuta silt, et teostada vajadusel vidina täielik 2D-renderdus. Atribuut "komposiit" on veel üks märgendi lisand, mis võimaldab määrata, kuidas pilt ("picture.png") renderdatakse.

3. samm

Kasutage CSS-i (Cascading Style Sheets), et kujundada vidin nii, et see kuvatakse kõigis brauserites ühtlaselt. Osa CSS-failist sisaldaks järgmist stiili:

4. samm

Asetage ülaltoodud fail eraldi faili. Selles näites oleme faili salvestanud kui "widget.css". Viidake failile, kasutades peamise html-faili käsku "import", nagu näidatud:

Dünaamilisuse lisamine

Samm 1

Lisavõimaluste pakkumiseks kasutage objekti "vidin". Näiteks kasutaja eelistustele juurdepääsuks kasutage järgmist koodirida:

widget.setPreferenceForKey (eelistus, võti) GO widget.preferenceForKey (võti);

2. samm

Kasutage aktiveerimissündmusi, et vältida vidina liigset CPU aja või võrguressursside kasutamist. Allolev kood näitab, kuidas seda tehakse:

If (window.widget) { widget.hide = peida GO widget.show = näita GO

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

Lisage koodile muid funktsioone, nagu soovite.

3. samm

Vidina ja selle ressursside tuvastamiseks looge fail "Info.plist". See fail varieerub sõltuvalt sellest, mida see peaks sisaldama, olenevalt vidina tüübist.

Näpunäide

Kooskõlas veebitehnoloogia kasutamisega pakutakse vidinate dünaamilisust JavaScripti abil. See võimaldab vidinal pääseda juurde kasutaja eelistustele süsteemis, keerata vidinaid eelistustele juurde, avada muid rakendusi, reageerida veebilehe sündmustele ja käivitada süsteemikäske, nagu käsureatööriistad ja kest skriptid.