Widget architektúra
A widgetek önálló alkalmazások, amelyek általában harmadik felek webhelyein találhatók beágyazva, például órák, aukciós jelzők, események visszaszámlálása stb. A widgetek tehát minialkalmazások, amelyek könnyen üzembe helyezhetők, gyorsan fejleszthetők, és a fejlett technológiák kihasználására használhatók azáltal, hogy funkcionalitást adnak 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 dolgoznak.
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 jelenlegi webes szabvány bevált gyakorlatainak. Egy egyszerű XHTML kód így fog kinézni:
A nap videója
2. lépés
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 el 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 történik ez:
If (window.widget) { widget.hide = hide GO widget.show = show GO
function hide() { if (timeInterval == null) { timeInterval = setInterval (updateTime (true);), 500) GO } }
Adjon hozzá más funkciókat a kódhoz, ahogy tetszik.
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, megnyitás más alkalmazások, válaszolnak a weboldal eseményeire, és végrehajthatnak rendszerparancsokat, például parancssori eszközöket és shellt forgatókönyvek.
