Modul létrehozása
A widgetek önálló alkalmazások, amelyek általában megtalálhatók harmadik felek webhelyein beágyazva, például órák, aukciós jelzők, események visszaszámláló stb. funkcionalitást a meglévő alkalmazásokhoz. Ha tud weboldalt létrehozni, akkor tudja, hogyan kell widgetet létrehozni és telepíteni, mivel ugyanazt a JavaScript, DHTML és CSS technológiát használják. A widgetek lehetnek kiegészítők, alkalmazások vagy információs widgetek. A kiegészítő widgetek önállóak, amelyek az internettől vagy egy alkalmazástól függetlenül futnak. Az alkalmazás widgetek teljes mértékben társítva vannak egy alkalmazással, míg az információs widgetek internetes adatokkal működnek.
Az építészet
1. lépés
Indítsa el a szövegszerkesztőt, és hozzon létre egy HTML-fájlt. A HTML-fájlnak meg kell felelnie az XHTML 1.0-s vagy újabb szabványnak, hogy megfeleljen a webes szabvány legjobb gyakorlatainak. Egy egyszerű XHTML-kód így fog kinézni:
Üdvözli a Widget World
2. lépés
Ha szükséges, használja a
3. lépés
Használja a Cascading Style Sheets (CSS) funkciót a widget stílusához, hogy az minden böngészőben egységesen jelenjen meg. A CSS-fájl egy része a következő stílust tartalmazza:
4. lépés
Helyezze a fenti fájlt egy külön fájlba. Ebben a példában a fájlt "widget.css" néven mentettük. Hivatkozzon a fájlra a fő html-fájl "import" utasításával, az ábrán látható módon:
Dinamikus hozzáadása
1. lépés
Használja a "widget" objektumot a további képességek biztosításához. Például a felhasználói beállítások eléréséhez használja a következő kódsort:
widget.setPreferenceForKey (beállítás, kulcs) GO widget.preferenceForKey (kulcs);
2. lépés
Használjon aktiválási eseményeket, hogy elkerülje a CPU-idő vagy a hálózati erőforrások túlzott igénybevételét a widget által. Az alábbi kód megmutatja, hogyan kell ezt megtenni:
If (window.widget) { widget.hide =hide GO widget.show =show GO
function hide() { if (timeInterval ==null) { timeInterval =setInterval (updateTime (true);), 500) GO } }
Adjon hozzá további funkciókat a kódhoz, ahogy szeretné.
3. lépés
Hozzon létre egy "Info.plist" fájlt a widget és az erőforrások azonosításához. Ez a fájl a widget típusától függően változik, hogy mit kell tartalmaznia.
Tipp
A webtechnológia használatának megfelelően a widgetek dinamizmusa JavaScript használatával biztosított. Ez lehetővé teszi, hogy a widget hozzáférjen a rendszer felhasználói beállításaihoz, a widgetek megfordítása a beállítások eléréséhez, más alkalmazások megnyitása, a weboldal eseményeire való reagálás és a rendszerparancsok végrehajtása, például a parancssori eszközök és a shell szkriptek.