Sukurkite savo valdiklį: 6 žingsniai

2024 Autorius: John Day | [email protected]. Paskutinį kartą keistas: 2024-01-30 10:49

Ši instrukcija mokys jus, kaip sukurti pagrindinį „Yahoo! Valdiklis. Pasibaigus šiai pamokai, jūs išmoksite „JavaScript“ir XML.

1 žingsnis: Darbo pradžia

Kai kurie įrankiai, reikalingi valdikliui sukurti, yra šie:- kompiuteris su „Mac OS X“arba „Windows Xp/Vista“;- teksto redagavimo programa. (Užrašinė yra tobula.)- Vaizdo redagavimo programa. („Microsoft Paint“tinka.)- Kantrybės ir laiko.- „Yahoo“valdikliai- valdiklių keitiklio valdiklis Kai turėsite šias programas ir valdiklius, būsite pasirengę pereiti prie antro veiksmo.

2 veiksmas: aplanko struktūros kūrimas

Dabar turėsite sukurti aplankų struktūrą, kurioje būtų visi failai, sudarantys valdiklį. Struktūra atrodo taip: -Widget pavadinimas | Turinys | Widget.kon Main.js ištekliai | Visi valdiklio naudojami vaizdai Galite atsisiųsti šį valdiklį, kad automatiškai sukurtumėte aplanko struktūrą Struktūra - Reinier Kaper Nustatykite valdiklio nuostatas dešiniuoju pelės mygtuku spustelėdami bet kurią jo dalį ir spustelėdami nuostatas. Pakeiskite struktūros nuostatas į šias: root: eikite į valdiklių aplanką. („Windows“skiltyje „Mano dokumentai“) Dabar galite spustelėti valdiklį ir pasirodys dialogo langas, kuriame bus prašoma įvesti valdiklio pavadinimą.

3 žingsnis: sukurkite visus būtinus failus

Pradėsime nuo failo „widget.xml“sukūrimo, kuriame valdiklio informacija pateikiama apie jūsų valdiklį. Atsisiųskite sukurtą šabloną, kurį galėsite naudoti. Atsisiųsti nuorodą žemiau. Įdėkite failą į aplanką „Turinys“, esantį aplanke, pavadintame anksčiau pasirinktu pavadinimu. Atidarykite failą pasirinktu teksto redaktoriumi ir pakeiskite savo vardą čia savo vardu. Išsaugokite ir uždarykite. Toliau sukursime.kon failą, kuris yra pagrindinis failas, nurodantis valdikliui, ką daryti.. Kon failas yra tik XML failas su pervardytu plėtiniu. Atsisiųskite šį pagrindinį widget.kon failą ir įdėkite jį į aplanką „Turinys“. Vėlgi, atidarykite failą naudodami teksto rengyklę. Pirmoji eilutė reiškia, kad failas yra XML failas, sukurtas naudojant UTF-8 koduotę. Kita žymė, kurią reikia pridėti, yra valdiklio žyma; Tada deklaruojate savo nustatymus, pvz., Derinimą;. Dabar esate pasiruošę pridėti savo lango elementus;. Valdikliai turi kelis objektus, kurie atlieka tam tikrus veiksmus ir turi tam tikrų savybių. Pavyzdžiui, teksto objektas, sukuria tekstą. Čia pateikiamas kai kurių teksto objekto savybių sąrašas: -pavadinimas (savaime suprantamas) -langas (nusidėvėjęs) -duomenys (rodomas tekstas) -spalva (savaime suprantamas) -size -font -hOffset (dar žinomas kaip x) -vOffset (dar žinomas kaip y) -pločio -aukščio Tai pasakius, pradėkime koduoti. Pridėkite šį kodą prie kon failo žymose: myTextHello World! šriftu „Arial“, mėlyna spalva ir 12 dydis. Išsaugokite „kon“failą ir tęskite ketvirtą veiksmą.

4 žingsnis: džiaukitės

Dukart spustelėkite kon failą ir jūsų valdiklis bus įkeltas. Sveikinu! Sukūrėte savo pirmąjį valdiklį. Bet mes dar nebaigėme koduoti. Tikriausiai galvojate: „Tai viskas?“, Tiesa? Tęskite 5 veiksmą, kad pridėtumėte tam tikrą funkciją prie savo valdiklio.

5 veiksmas: pridėkite funkciją

Dabar valdiklyje rodysime dabartinį laiką. Tam reikės kas minutę atnaujinamo laikmačio ir kito failo. Kitas failas bus „JavaScript“failas, kuris bus aplanke „Turinys“. Atidarykite teksto rengyklę ir sukurkite failą pavadinimu main.js. Norėdami pridėti laiką, naudosime „datos objektą“. Norėdami nustatyti datos objektą, sukurkite funkciją. Įtraukite šią funkciją į failą js: function updateText () '{theTime = new Date (); theHour = String (theTime.getHours ()); theMinutes = Styga (theTime.getMinutes ()); myText.data = "Laikas:"+theHour+":"+theMinutes; print ('update');} Jūsų valdiklis dar nerodys laiko, nes nežino, ką daryti su js failu. Norėdami tai padaryti, pridedame šį įvykių tvarkyklę prie „Kon“failo, žymose, bet ne žymose: include ('main.js'); Norėdami atnaujinti laiką, turime sukurti laikmatį, „Kon“faile, žymėse, bet ne žymose: išsaugokite failus ir įkelkite valdiklį. Tai turėtų parodyti laiką. Jei tai neveikia, atsisiųskite „kon“ir „js“iš apačios ir pakeiskite senais.

6 žingsnis: apibendrinkite viską

Naudokite valdiklio keitiklio valdiklį, kad valdiklį konvertuotumėte į.widget failą. PASTABA: vilkite aplanką, pavadintą jūsų valdiklio pavadinimu, ant konverterio, o ne kon failo. Jei norite eiti dar toliau su savo valdikliu, pasinaudokite čia esančiais ištekliais. Čia yra sąrašas dalykų, kuriuos galite pabandyti pasiekti naudodami savo valdiklį: Pridėkite keletą įvykių tvarkytojų, pvz., Spustelėkite Spustelėkite naudodami arba žymas.-Rodykite vaizdą iš vietinio failo naudodami vaizdo objektą Tikiuosi, kad ši pamoka jums buvo naudinga ir jums patiks begalinės valdiklių galimybės, Hunter