Kako stvoriti widget

...

Arhitektura widgeta

Widgeti su samostalne aplikacije koje se obično mogu naći ugrađene na web-mjesta trećih strana kao što su satovi, oznake za aukcije, odbrojavanja događaja itd. Widgeti su stoga mini aplikacije koje se lako postavljaju, brzo se razvijaju i koriste za iskorištavanje naprednih tehnologija dodavanjem funkcionalnosti postojećim aplikacijama. Ako možete izraditi web stranicu, onda znate kako stvoriti i implementirati widget jer oni koriste istu tehnologiju JavaScript, DHTML i CSS. Widgeti mogu biti dodaci, aplikacija ili informacijski widgeti. Dodatni widgeti su samostalni i rade neovisno o internetu ili aplikaciji. Aplikacijski widgeti povezani su u potpunosti s aplikacijom dok informacijski widgeti rade s internetskim podacima.

Arhitektura

Korak 1

Pokrenite uređivač teksta i stvorite HTML datoteku. HTML datoteka treba biti usklađena sa standardom XHTML 1.0 i novijim kako bi bila u skladu s najboljim praksama trenutnog web standarda. Jednostavan XHTML kod izgledat će ovako:

Video dana

Widgeti

Korak 2

Koristiti oznaku za izvođenje potpunog 2D renderiranja za widget ako je potrebno. Atribut "kompozitni" još je jedan dodatak oznaci koji omogućuje određivanje načina na koji se slika ("picture.png") prikazuje.

Korak 3

Koristite kaskadne tablice stilova (CSS) za stiliziranje widgeta tako da se jednako prikazuje u svim preglednicima. Dio CSS datoteke sadržavao bi sljedeći stil:

4. korak

Stavite gornju datoteku u zasebnu datoteku. U ovom primjeru datoteku smo spremili kao "widget.css". Referirajte datoteku koristeći naredbu "import" na glavnoj html datoteci kao što je prikazano:

Dodavanje dinamike

Korak 1

Koristite objekt "widget" za pružanje dodatne mogućnosti. Na primjer, za pristup korisničkim postavkama upotrijebite sljedeći redak koda:

widget.setPreferenceForKey (preference, ključ) GO widget.preferenceForKey (ključ);

Korak 2

Koristite događaje aktivacije kako biste izbjegli prekomjerno korištenje CPU vremena ili mrežnih resursa od strane widgeta. Kod u nastavku pokazuje kako se to radi:

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

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

Dodajte druge funkcije kodu kako želite.

Korak 3

Napravite datoteku "Info.plist" da biste identificirali widget i njegove resurse. Ova datoteka ovisi o tome što bi trebala sadržavati ovisno o vrsti widgeta.

Savjet

U skladu s korištenjem web tehnologije, dinamika widgeta osigurava se pomoću JavaScripta. To omogućuje widgetu pristup korisničkim postavkama u sustavu, okretanje widgeta za pristup postavkama, otvaranje druge aplikacije, reagiraju na događaje web stranice i izvršavaju naredbe sustava kao što su alati naredbenog retka i ljuska skripte.