Widget-arkkitehtuuri
Widgetit ovat erillisiä sovelluksia, jotka löytyvät tavallisesti upotettuina kolmansien osapuolien sivustoilta, kuten kellot, huutokaupat, tapahtumalaskenta jne. Widgetit ovat siis minisovelluksia, jotka on helppo ottaa käyttöön, nopeasti kehittää ja joita käytetään kehittyneiden tekniikoiden hyödyntämiseen lisäämällä toimintoja olemassa oleviin sovelluksiin. Jos voit luoda Web-sivun, tiedät kuinka luoda ja ottaa käyttöön widget, koska ne käyttävät samaa JavaScript-, DHTML- ja CSS-tekniikkaa. Widgetit voivat olla joko lisävarusteita, sovelluksia tai tietowidgetejä. Lisälaitewidgetit ovat itsenäisiä, jotka toimivat Internetistä tai sovelluksesta riippumatta. Sovelluswidgetit liitetään täysimittaisesti sovellukseen, kun taas tietowidgetit toimivat Internet-tietojen kanssa.
Arkkitehtuuri
Vaihe 1
Käynnistä tekstieditori ja luo HTML-tiedosto. HTML-tiedoston tulee noudattaa XHTML 1.0 -standardia tai uudempaa, jotta se noudattaisi nykyisiä Web-standardin parhaita käytäntöjä. Yksinkertainen XHTML-koodi näyttää tältä:
Päivän video
Vaihe 2
Käytä
Vaihe 3
CSS: n (Cascading Style Sheets) avulla voit muotoilla widgetin siten, että se näkyy tasaisesti kaikissa selaimissa. Osa CSS-tiedostosta sisältää seuraavan tyylin:
Vaihe 4
Sijoita yllä oleva tiedosto erilliseen tiedostoon. Tässä esimerkissä olemme tallentaneet tiedoston nimellä "widget.css". Viittaa tiedostoon käyttämällä "import"-lausetta päähtml-tiedostossa kuvan mukaisesti:
Dynamiikan lisääminen
Vaihe 1
Käytä "widget"-objektia tarjotaksesi lisäominaisuuksia. Esimerkiksi päästäksesi käyttäjän asetuksiin, käytä seuraavaa koodiriviä:
widget.setPreferenceForKey (asetus, avain) GO widget.preferenceForKey (avain);
Vaihe 2
Käytä aktivointitapahtumia, jotta widget ei käytä liiallista suorittimen aikaa tai verkkoresursseja. Alla oleva koodi näyttää, kuinka tämä tehdään:
If (window.widget) { widget.hide = piilota GO widget.show = näytä GO
function hide() { if (timeInterval == null) { timeInterval = setInterval (updateTime (true);", 500) GO } }
Lisää koodiin muita toimintoja haluamallasi tavalla.
Vaihe 3
Luo "Info.plist"-tiedosto tunnistaaksesi widgetin ja sen resurssit. Tämä tiedosto vaihtelee sen mukaan, mitä sen pitäisi sisältää widgetin tyypin mukaan.
Kärki
Web-teknologian käytön mukaisesti widget-dynaamisuus tarjotaan JavaScriptin avulla. Tämä mahdollistaa widgetin pääsyn järjestelmän käyttäjien asetuksiin, käännä widgetejä päästäkseen asetuksiin ja avaa muita sovelluksia, vastata Web-sivujen tapahtumiin ja suorittaa järjestelmäkomentoja, kuten komentorivityökaluja ja komentotulkkia käsikirjoituksia.
