Looge oma vidin: 6 sammu

2024 Autor: John Day | [email protected]. Viimati modifitseeritud: 2024-01-30 08:50

See juhend juhendab teid, kuidas luua põhiline Yahoo! Vidin. Selle õpetuse lõpuks olete õppinud JavaScripti ja XML -i.

1. samm: alustamine

Vidina tegemiseks on vaja järgmisi tööriistu:- Mac OS X või Windows Xp/Vistaga arvuti- tekstitöötlusprogramm. (Notepad on täiuslik.)- Pilditöötlusprogramm. (Microsoft Paint on korras.)- Kannatlikkust ja aega.- Yahoo vidinad- vidinate muunduri vidin Kui need programmid ja vidinad on olemas, olete valmis liikuma teise sammu juurde.

2. samm: kaustastruktuuri loomine

Nüüd peate looma kaustastruktuuri, mis sisaldab kõiki vidinaid sisaldavaid faile. Struktuur näeb välja selline: -Vidina nimi | Sisu | Widget.kon Main.js ressursid | Kõik vidina kasutatavad pildid Saate selle vidina alla laadida, et automaatselt luua kaustastruktuur Struktuur - Reinier KaperVidina eelistuste määramiseks paremklõpsake selle mis tahes osa ja klõpsake eelistustel. Muutke struktuuri eelistusi järgmiseks: root: navigeerige vidinate kausta. (Asub Windowsi jaotises „Minu dokumendid”) Nüüd saate vidinal klõpsata ja ilmub dialoogiboks, kus küsitakse vidina nime.

Samm: kõigi vajalike failide loomine

Alustuseks loome faili widget.xml, mis annab vidina mootorile teavet teie vidina kohta. Laadige alla kasutamiseks loodud mall. Allalaadimise link allpool. Asetage fail kausta „Sisu”, mis asub varem valitud nimega kaustas. Avage fail oma valitud tekstiredaktoriga ja asendage oma nimi siin oma nimega. Salvestage ja sulgege. Seejärel loome.kon -faili, mis on peamine fail, mis ütleb vidinale, mida teha.. Kon -fail on lihtsalt ümbernimetatud laiendiga XML -fail. Laadige see põhiline widget.kon -fail alla ja asetage see ka kausta „Sisu”. Jällegi avage fail tekstiredaktoriga. Esimene rida tähendab, et fail on XML-fail, mis on loodud UTF-8 kodeeringuga. Järgmine lisatav silt on vidina silt; Seejärel deklareerite oma seaded, näiteks silumine;. Nüüd olete valmis oma aknaelemente lisama;. Vidinatel on mitu objekti, mis teevad teatud asju ja millel on teatud omadused. Näiteks tekstiobjekt, loob teksti. Siin on loetelu tekstiobjekti mõnest omadusest: -nimi (iseenesestmõistetav) -aken (amortiseerunud) -andmed (kuvatav tekst) -värv (iseenesestmõistetav) -size -font -hOffset (aka x) -vOffset (aka y) -laius -kõrgus Sellega seoses alustame kodeerimist. Lisage kon -failile siltidesse järgmine kood: myTextHello World! BlueArial18left252Inglise keeles seab see tekstiobjekti nimega myText, mis kuvab "Hello World!" kirjas Arial, sinine ja suurus 12. Salvestage oma kon -fail ja jätkake neljanda sammuga.

4. samm: nautige

Topeltklõpsake kon-faili ja teie vidin laaditakse. Palju õnne! Olete loonud oma esimese vidina. Kuid me pole veel kodeerimist lõpetanud. Sa ilmselt mõtled: "See on kõik?", Eks? Jätkake 5. sammuga, et lisada oma vidinale mõni funktsioon.

Samm: funktsiooni lisamine

Nüüd paneme vidina kuvama praeguse aja. Selleks on vaja iga minuti järel uuendatavat taimerit ja teist faili. Järgmine fail on JavaScripti fail, mis läheb kausta „Sisu”. Avage oma tekstiredaktor ja looge fail nimega main.js. Kellaaja lisamiseks kasutame objekti "Kuupäev". Kuupäevaobjekti seadistamiseks loote funktsiooni. Lisage see funktsioon js -faili: function updateText () '{theTime = new Date (); theHour = String (theTime.getHours ()); theMinutes = String (theTime.getMinutes ()); myText.data = "Aeg on:"+tund+":"+minutid; print ('update');} Teie vidin ei näita veel kellaaega, kuna ei tea, mida js -failiga peale hakata. Selle eest hoolitsemiseks lisame selle sündmuste käitleja Kon -faili, siltidesse, kuid mitte siltidesse: include ('main.js'); Aja värskendamiseks peame looma taimer, mis läheb sisse Kon -failis, siltides, kuid mitte siltides: salvestage failid ja laadige vidin. See peaks näitama aega. Kui see ei tööta, laadige alt alla nii kon kui ka js ja asendage need vanadega.

6. samm: võtke see kõik kokku

Kasutage vidina teisendaja vidina teisendamiseks vidina teisendaja vidinat. MÄRKUS. Lohistage oma vidina nimega kaust muundurile, mitte kon -failile. Kui soovite oma vidinaga veelgi kaugemale jõuda, hankige siit mõned ressursid. Siin on nimekiri asjadest, mida saate oma vidinaga saavutada:-Lisage eelistusi fondi juhtimiseks märgendi abil ja fondi alammärgendit Lisage mõned sündmuste käitlejad, näiteks onClick kasutades või silte.-Kuvage kohalikust failist pilt, kasutades pildiobjekti