Hozzon létre saját widgetet: 6 lépés

2024 Szerző: John Day | [email protected]. Utoljára módosítva: 2024-01-30 09:44

Ez az utasítás megtanítja az alapvető Yahoo! Widget. Ennek az oktatóanyagnak a végére megtanult néhány JavaScriptet és XML -t.

1. lépés: Első lépések

Néhány eszköz, amire szüksége lesz egy widget létrehozásához:- Mac OS X vagy Windows Xp/Vista rendszerű számítógép- Szövegszerkesztő program. (A Jegyzettömb tökéletes.)- Képszerkesztő program. (A Microsoft Paint rendben van.)- Türelem és idő.- Yahoo Widgets- Widget Converter Widget Miután megvannak ezek a programok és widgetek, készen áll a második lépésre.

2. lépés: Mappa szerkezet létrehozása

Most létre kell hoznia a mappastruktúrát a widgetet alkotó összes fájl elhelyezésére. A szerkezet így néz ki: -Widget neve | Tartalom | Widget.kon Main.js erőforrások | Letöltheti ezt a widgetet, hogy automatikusan létrehozza a mappastruktúrát. Struktúra - Reinier Kaper Állítsa be a widget beállításait a jobb egérgombbal bármelyik részre kattintva, majd kattintson a beállításokra. Módosítsa a Structure beállításait a következőkre: root: Navigáljon a widget mappájához. (A Windows „Saját dokumentumok” mappájában található) Most rákattinthat a widgetre, és megjelenik egy párbeszédpanel, amely megkérdezi a modul nevét.

3. lépés: Az összes szükséges fájl létrehozása

Kezdjük a widget.xml fájl létrehozásával, amely megadja a widget motor információit a widgetről. Töltsön le egy sablont, amelyet Ön készített. Töltse le az alábbi linket. Helyezze a fájlt a „Tartalom” mappába, amely a korábban kiválasztott névvel ellátott mappában található. Nyissa meg a fájlt az Ön által választott szövegszerkesztővel, és cserélje le a YourName Here nevet a nevére. Mentse és zárja be. Ezután létrehozjuk a.kon fájlt, amely a fő fájl, amely megmondja a widgetnek, hogy mit kell tennie. A.kon fájl csak egy XML fájl, átnevezett kiterjesztéssel. Töltse le ezt az alapvető widget.kon fájlt, és helyezze el a "Tartalom" mappába. Ismét nyissa meg a fájlt szövegszerkesztővel. Az első sor azt jelzi, hogy a fájl XML fájl, amelyet UTF-8 kódolással hoztak létre. A következő hozzáadandó címke a widget címke; Ezután deklarálja a beállításokat, például a hibakeresést;. Most már készen áll az ablak elemeinek hozzáadására;. A widgetek több objektumot tartalmaznak, amelyek bizonyos dolgokat végeznek és bizonyos tulajdonságokkal rendelkeznek. Például a, szöveg objektum szöveget hoz létre. Íme a szövegobjektum néhány tulajdonságának listája: -név (magától értetődő) -ablak (értékcsökkenés) -adatok (megjelenítendő szöveg) -szín (magától értetődő) -size -font -hOffset (aka x) -vOffset (más néven y) -szélesség -magasság Ennek megfelelően kezdjük el a kódolást. Adja hozzá a következő kódot a kon fájlhoz, a címkékben: myTextHello World! Arial betűtípussal, kék színnel és 12. méretben. Mentse el a kon fájlt, és folytassa a negyedik lépéssel.

4. lépés: Örülj

Kattintson duplán a kon fájlra, és betöltődik a widget. Gratulálunk! Létrehozta első modulját. De még nem fejeztük be a kódolást. Valószínűleg azt gondolja: "Ez minden?", Igaz? Folytassa az 5. lépéssel, ha valamilyen funkciót szeretne hozzáadni a widgethez.

5. lépés: Funkció hozzáadása

Most a widget megjeleníti az aktuális időt. Ehhez időzítőre van szükség, amely percenként frissül, és egy másik fájlra. A következő fájl egy JavaScript fájl lesz, amely a "Tartalom" mappába kerül. Nyissa meg a szövegszerkesztőt, és hozzon létre egy main.js nevű fájlt. Az idő hozzáadásához a "Dátum objektumot" fogjuk használni. A dátumobjektum beállításához létre kell hoznia egy függvényt. Adja hozzá ezt a függvényt a js fájlhoz: function updateText () '{theTime = new Date (); az Óra = Karakterlánc (theTime.getHours ()); theMinutes = Karakterlánc (theTime.getMinutes ()); myText.data = "Az idő:"+theHour+":"+theMinutes; print ('update');} A widget még nem mutatja az időt, mert nem tudja, mit tegyen a js fájllal. Ennek érdekében ezt az eseménykezelőt hozzáadjuk a Kon fájlhoz, a címkékhez, de nem a címkékhez: include ('main.js'); Az időfrissítéshez létre kell hoznunk egy időzítőt, amely a Kon fájlt, a címkékben, de nem a címkékben: Mentse el a fájlokat, és töltse be a widgetet. Meg kell mutatnia az időt. Ha nem működik, töltse le a kon és a js alulról, és cserélje ki a régiekre.

6. lépés: Összefoglalva

A widget konverter widget használatával konvertálja a widgetet.widget fájlba. MEGJEGYZÉS: Húzza a widget nevű mappát az átalakítóra, ne a kon fájlt. Ha ennél is tovább szeretne menni a widget használatával, akkor szerezzen be néhány forrást itt. Itt található azoknak a dolgoknak a listája, amelyeket megpróbálhat elérni a widget segítségével: Adjon hozzá néhány eseménykezelőt, például onClick a vagy címkék használatával.-Kép megjelenítése helyi fájlból a képobjektum segítségével Reméljük, hasznosnak találta ezt az oktatóanyagot, és élvezni fogja a kütyük végtelen lehetőségeit, Hunter