Ustvarite svoj lasten pripomoček: 6 korakov

2024 Avtor: John Day | [email protected]. Nazadnje spremenjeno: 2024-01-30 12:08

Ta Instructable vas bo naučil ustvariti osnovni Yahoo! Pripomoček. Do konca te vadnice se boste naučili nekaj JavaScript in XML.

1. korak: Začnite

Nekatera orodja, ki jih boste potrebovali za izdelavo gradnika, so:- računalnik z operacijskim sistemom Mac OS X ali Windows Xp/Vista- program za urejanje besedila. (Beležnica je popolna.)- Program za urejanje slik. (Microsoft Paint je v redu.)- Potrpežljivost in čas.- Yahoo Widgets- Widget Converter Widget Ko imate te programe in pripomočke, ste pripravljeni preiti na drugi korak.

2. korak: Ustvarjanje strukture map

Zdaj boste morali ustvariti strukturo map, v katero bodo shranjene vse datoteke, ki sestavljajo pripomoček. Struktura izgleda tako: -Widget Name | Vsebina | Widget.kon Viri Main.js | Vse slike, ki jih bo gradnik uporabil Ta pripomoček lahko prenesete za samodejno ustvarjanje strukture map Struktura - Reinier Kaper Nastavite nastavitve gradnika tako, da z desno miškino tipko kliknete kateri koli del in kliknete nastavitve. Spremenite nastavitve Strukture na naslednje: root: Pomaknite se v mapo pripomočka. (Nahaja se v razdelku »Moji dokumenti« v sistemu Windows) Zdaj lahko kliknete na pripomoček in pojavilo se bo pogovorno okno, ki vas bo prosilo za ime pripomočka.

3. korak: Ustvarite vse potrebne datoteke

Začeli bomo z ustvarjanjem datoteke widget.xml, ki pove mehanizmu pripomočka o vašem gradniku. Prenesite predlogo, ki ste jo ustvarili za uporabo. Spodnja povezava za prenos. Datoteko postavite v mapo »Vsebina« v mapi z naslovom ime, ki ste ga izbrali prej. Odprite datoteko z urejevalnikom besedila, ki ste jo izbrali, in zamenjajte YourNameHere z vašim imenom. Shranite in zaprite. Nato bomo ustvarili datoteko.kon, ki je glavna datoteka, ki pripomočku pove, kaj naj naredi. Datoteka.kon je samo datoteka XML s preimenovano razširitvijo. Prenesite to osnovno datoteko widget.kon in jo postavite tudi v mapo »Vsebina«. Ponovno odprite datoteko z urejevalnikom besedil. Prva vrstica pomeni, da je datoteka XML, ustvarjena s kodiranjem UTF-8. Naslednja oznaka za dodajanje je oznaka gradnika; Nato razglasite svoje nastavitve, na primer odpravljanje napak;. Zdaj ste pripravljeni dodati okenske elemente;. Pripomočki imajo več predmetov, ki opravljajo določene stvari in imajo določene lastnosti. Na primer besedilni objekt,, ustvari besedilo. Tu je seznam nekaterih lastnosti besedilnega predmeta: -ime (samorazlagalno) -okno (amortizirano) -podatki (besedilo za prikaz) -barva (samorazlagalno) -dimenzija -fonta -hOffset (aka x) -vOffset (aka y) -width -height Glede na to začnimo s kodiranjem. V datoteko kon v oznakah dodajte naslednjo kodo: myTextHello World! BlueArial18left252V angleščini to nastavi besedilni objekt z imenom myText, ki prikazuje "Hello World!" v pisavi Arial, modri barvi in velikosti 12. Shranite datoteko kon in nadaljujte s četrtim korakom.

4. korak: Veselite se

Dvokliknite datoteko kon in vaš pripomoček se bo naložil. Čestitamo! Ustvarili ste svoj prvi pripomoček. S kodiranjem pa še nismo končali. Verjetno si mislite: "To je vse?", Kajne? Nadaljujte s 5. korakom, če želite svojemu pripomočku dodati nekaj funkcij.

5. korak: Dodajanje funkcije

Zdaj bomo naredili, da pripomoček prikaže trenutni čas. To bo zahtevalo časovnik, ki se posodablja vsako minuto, in drugo datoteko. Naslednja datoteka bo datoteka JavaScript, ki bo v mapi »Vsebina«. Odprite urejevalnik besedil in ustvarite datoteko z imenom main.js. Za dodajanje časa bomo uporabili "predmet Date". Če želite nastaviti datum, ustvarite funkcijo. Dodajte to funkcijo v datoteko js: function updateText () '{theTime = new Date (); theHour = String (theTime.getHours ()); theMinutes = String (theTime.getMinutes ()); myText.data = "Ura je:"+theHour+":"+theMinutes; print ('update');} Vaš pripomoček še ne bo pokazal časa, ker ne ve, kaj storiti z datoteko js. Če želimo poskrbeti za to, dodamo ta upravljalnik dogodkov v datoteko Kon, v oznakah, ne pa v oznakah: include ('main.js'); Če želite posodobiti čas, moramo ustvariti časovnik, ki bo datoteko Kon, v oznakah, ne pa tudi v oznakah: Shranite datoteke in naložite gradnik. Moral bi pokazati čas. Če ne deluje, prenesite kon in js od spodaj in jih zamenjajte s starimi.

6. korak: povzemite vse

S pripomočkom za pretvorbo gradnikov gradnik pretvorite v datoteko.widget. OPOMBA: V pretvornik povlecite mapo z naslovom imena pripomočka in ne datoteke kon. Če želite s svojim gradnikom iti še dlje, si oglejte nekaj virov. Tukaj je seznam stvari, ki jih lahko poskusite doseči s svojim gradnikom: -Dodajte nastavitve za nadzor pisave z oznako in pod-oznake pisave- Dodajte nekaj upravljavcev dogodkov, kot je onClick, z uporabo oznak ali