Kako izraditi widget
Widgeti su samostalne aplikacije koje se obično mogu pronaći ugrađene na stranicama trećih strana kao što su satovi, oznake dražbi, odbrojavanja događaja itd. Widgeti su stoga mini aplikacije koje se lako postavljaju, brzo razvijaju i koriste za iskorištavanje naprednih tehnologija dodavanjem funkcionalnost postojećim aplikacijama. Ako možete izraditi web stranicu, onda znate kako izraditi i implementirati widget budući da koriste istu tehnologiju JavaScripta, DHTML-a i CSS-a. Widgeti mogu biti dodaci, aplikacije ili informacije. Dodatni widgeti su samostalni koji rade neovisno o Internetu ili aplikaciji. Widgeti aplikacije potpuno su povezani s aplikacijom dok widgeti s informacijama rade s internetskim podacima.
Arhitektura
1. korak
Pokrenite uređivač teksta i izradite HTML datoteku. HTML datoteka treba biti u skladu sa standardom XHTML 1.0 i novijim kako bi bila u skladu s najboljim praksama trenutnog web standarda. Jednostavan XHTML kôd izgledat će ovako:
Dobro došli u Svijet widgeta
2. korak
Upotrijebite oznaku
3. korak
Upotrijebite Cascading Style Sheets (CSS) za stiliziranje widgeta tako da se jednolično prikazuje u svim preglednicima. Dio CSS datoteke sadržavao bi sljedeći stil:
4. korak
Stavite gornju datoteku u zasebnu datoteku. U ovom smo primjeru datoteku spremili kao "widget.css." Referencirajte datoteku koristeći naredbu "import" na glavnoj html datoteci kao što je prikazano:
Dodavanje dinamičnosti
1. korak
Koristite objekt "widget" za pružanje dodatne mogućnosti. Na primjer, za pristup korisničkim postavkama koristite sljedeći redak koda:
widget.setPreferenceForKey (preference, ključ) GO widget.preferenceForKey (ključ);
2. korak
Upotrijebite aktivacijske događaje kako bi widget izbjegao prekomjerno korištenje CPU vremena ili mrežnih resursa. Kôd u nastavku pokazuje kako se to radi:
If (window.widget) { widget.hide =hide GO widget.show =show GO
funkcija hide() { if (timeInterval ==null) { timeInterval =setInterval (updateTime (true);", 500) GO } }
Dodajte druge funkcije kodu po želji.
3. korak
Napravite datoteku "Info.plist" da identificirate widget i njegove resurse. Ova datoteka ovisi o tome što treba sadržavati ovisno o vrsti widgeta.
Savjet
U skladu s korištenjem web tehnologije, dinamičnost widgeta omogućena je pomoću JavaScripta. To widgetu omogućuje pristup korisničkim postavkama na sustavu, okretanjem widgeta za pristup postavkama, otvaranjem drugih aplikacija, odgovorom na događaje web stranice i izvršavanjem sistemskih naredbi poput alata naredbenog retka i skripti ljuske.