În acest prim tutut de la Flashtuts +, Yanko vă va ajuta să construiți o listă dinamică a produselor "Hot Products" utilizând vechile Favorite ActionScript 3.0 și XML. De asemenea, el smulge lucrurile prin folosirea clasei Caurina Tweener. Bucurați-vă de ...
Pasul 1: Structura fișierelor
Vom începe să aruncăm o privire asupra structurii de fișiere a proiectului nostru. Dosarul "caurina" este folderul clasei Tweener. Puteți descărca tweener de aici: Tweener. În dosarul "img" vom stoca imaginile care vor fi utilizate în aplicație. Imaginile în cazul meu vor avea dimensiuni de 60px și 55px înălțime.
Pasul 2: XML
Să creăm fișierul XML. Deschideți editorul de text și scrieți:
Salvați-l ca "data.xml" în dosarul "proiect".
Pasul 3: Ideea
Ideea este de a transmite parametrii funcției principale "showData". Acești parametri sunt valori "loopMin" și "loopMax" (vedeți codul) pentru o buclă for (). Apoi vom filtra rezultatele cu o instrucțiune if () și le vom arăta.
Pasul 4: Începând
Creați un nou fișier Flash (ActionScript 3).
Setați dimensiunea scenei la 350x350px
Pasul 5: Contextul
Cu instrumentul Rectangle (R) trageți o formă cu dimensiunile 350x350px, tastați liniare și culori # d3d3d3, # f1f1f1. Utilizați instrumentul de transformare a gradientului (F) pentru a regla gradientul.
Faceți clic pe forma, apoi deschideți fereastra de aliniere și asigurați-vă că este activat butonul "To stage". Aliniați forma verticală și orizontală.
Creați un nou strat, apoi cu instrumentul dreptunghi trageți o formă 350x40px cu culoarea # 333333 și aliniați-o spre partea de jos.
Acum, selectați ambele forme și apăsați F8 sau Modificați> Conversie la simbol, setați tipul la clipul film și denumiți-l "principal".
Pasul 6: Adăugarea butoanelor
Faceți dublu clic pe clipul video pentru ao deschide, apoi redenumiți Stratul 1 în "fundal" și blocați-l. Creați un strat nou și denumiți-l "btns". Selectați instrumentul Oval (O), apoi mențineți deplasarea și trageți un cerc cu culoarea stroke: # 0098FF și culoare de umplere: #FFFFFF dimensiuni 20X20px. Faceți clic pe cursă și schimbați înălțimea cursei la 3.
Selectați forma și apăsați F8 pentru ao converti la simbol. Alegeți tipul "Buton" și denumiți-l "btn".
Faceți dublu clic pe Buton, apoi faceți clic dreapta pe cadrul "Over". Selectați Inserare cadru cheie.
Selectați culoarea de umplere și modificați-o la # d3d3d3.
Inserați o cheie cheie pe cadrul inferior și modificați culoarea de umplere la # 999999. Reveniți la clipul video principal și selectați butonul. Schimbați numele instanței la "btn1". Apoi glisați butonul în partea de jos, trageți spre dreapta, în timp ce țineți apăsat "Alt" și eliberați pentru a crea un al doilea buton. Schimbați numele instanței la "btn2".
Repetați procedura încă o dată pentru a adăuga un al treilea buton pentru a trece în stadiu și a schimba numele instanței sale la "btn3". Deschideți fereastra Aliniere și dezactivați butonul "La etapă". Selectați cele trei butoane și aliniați-le orizontal și vertical. Activați încă o dată funcția "Pentru a selecta" și aliniați-o vertical.
Pasul 7: Elemente
Creați un strat nou și denumiți-l "elemente". Desenați un dreptunghi pe culoarea de 320x90 px: tip: liniare # D3D3D3, # BBBBBB. Din nou, utilizați instrumentul de transformare a gradientului pentru a regla gradientul. Selectați forma și aliniați-o vertical spre scenă. Apăsați F8, tastați: Movie Clip și denumiți "item" - selectați punctul de mijloc superior ca punct de înregistrare.
Faceți dublu clic pe elementul clip video. Îi redenumesc "stratul 1" în "fundal". Creați un nou strat și denumiți-l "txt". Selectați instrumentul text (T) și setați tipul textului la Text dinamic. Apoi trageți un câmp de text, setând numele instanței la "txt". Introduceți un text și setați aceste proprietăți:
Creați un nou strat și denumiți-l "preț". Cu instrumentul text trageți un alt câmp text și setați numele de instanță la "preț". Setați culoarea textului la: # 0099FF.
Acum vom face un nou buton ...
Creați un nou strat și denumiți-l "btn_more". Acum trageți o formă cu instrumentul dreptunghi de 60x20px cu culoare: # 666666. Selectați-l și apăsați F8. Alegeți tipul: Buton și atribuiți-i un nume de "mai mult". De asemenea, schimbați numele instanței la "mai mult". Deschideți butonul și adăugați un strat nou, numiți text. Selectați instrumentul de text și utilizați-l pentru a desena un câmp text, tastați: text static. Introduceți textul "mai mult" în câmp, culoare: #FFFFFF; dimensiune: 12; format: centru aliniere;.
Introduceți cadrele cheie în cadrele Peste și în jos și schimbați culoarea dorită. Eu folosesc: peste: # 999999; jos: # 333333;
Reveniți la clipul video principal, selectați elementul și modificați numele instanței sale la elementul 1. Țineți apăsată tasta Alt, glisați elementul în jos pentru a adăuga o copie în scenă. Denumiți numele instanței celui de-al doilea element la "item2". Adăugați o altă copie și modificați numele instanței la "item3". Aliniați elementele și ar trebui să aveți ceva de genul:
Pasul 8: Mască
Acum vom face o mască pentru articole. Faceți un strat nou, denumiți-l "mască" și desenați un dreptunghi 350x310px.
Faceți clic dreapta pe stratul de mască, apoi selectați masca:
Efectuați un strat nou, denumiți-l "acțiuni" și inserați codul care se află în pasul următor.
Pasul 9: Acțiuni
Uitați-vă la codul complet:
// import Tweener import caurina.transitions. *; // // var xmlPath: String = "data.xml"; // are legătură cu fișierul xml var data_xml: XML; // XML Object var data_Req: URLRequest = URLRequest nou (xmlPath); // URL Request var data_Loader: URLLoader = new URLLoader ); // Loader var xml_length: Număr; // xml lungime // // var timp: Număr = 5000; // 5000 = 5 sec var timer: Timer = nou Timer (timp); // timer // // var imgPath: String; // calea imaginii pentru primul element var imgPath2: String; // calea imaginii pentru al doilea element var imgPath3: String; // calea imaginii pentru al treilea element var item1Y: Number = item1.y; // item 1 y valoare var item2Y: număr = element2.y; // element 2 y valoare var item3Y: număr = element3.y; // element 3 y valoare // // var currentBtn: Number = 1; // care btn este apăsat var min: Number; // valoarea mină folosită în funcție hideNshow () var max: Number; // valoarea maximă folosită în funcție hideNshow () // // //---------------------------------------------------- xmlLoaded (eveniment: Eveniment): void // xml Funcția încărcată data_xml = nou XML (data_Loader.data) 6; // setați valoarea min la al doilea rezultat max = xml_length-2; // set max velue la a doua funcție resuld showData (loopMin: Number, loopMax: Number) // Funcția principală var i: Număr; // var pentru loop var loopMaxResult = loopMax-2; // var pentru al treilea rezultat var loopSecondResult = loopMax-3; // var pentru al doilea rezultat pentru (i = loopMin; i imgPath = data_xml.item [i]. @ img; // obțineți img url din xml var imgRequest: URLRequest = nou URLRequest (imgPath); // Solicitare URL var imgLoader: Loader = new Loader (); (imgRequest); // încărcați imaginea item1.addChild (imgLoader); // adăugați prima imagine la elementul 1 imgLoader.x = -150; // imaginea x valoarea imgLoader.y = 15; // valoarea imaginii y // // end dacă dacă (i == loopSecondResult) // rezultatul al doilea fData (item2, i); // apela funcția fData pentru a umple elementul 2 // imgPath2 = data_xml.item [i]. @ img; // obțineți img url din xml var imgRequest2: URLRequest = URLRequest nou (imgPath2); // Solicitare URL var imgLoader2: Loader = new Loader (); (imgRequest2); // încărcați imaginea item2.addChild (imgLoader2); // adăugați prima imagine la elementul 2 imgLoader2.x = -150; // imaginea x valoarea imgLoader2.y = 15; // valoarea imaginii y // // end if if (i == loopMaxResult) // rezultatul al treilea fData (item3, i); // apela funcția fData pentru a umple elementul 3 // imgPath3 = data_xml.item [i]. img; // primi img url din xml var imgRequest3: URLRequest = noua adresa URLRequest (imgPath3); // solicitarea URL var imgLoader3: Loader = new Loader (); (imgRequest3); // încărcați imaginea item3.addChild (imgLoader3); // adăugați prima imagine la elementul 3 imgLoader3.x = -150; // imaginea x valoarea imgLoader3.y = 15; // valoarea imaginii y // // end if // end pentru funcția fData (element: MovieClip, iValue: int) // funcția care umple datele în elemente var maiURL: String; // url pentru buton mai mult item.txt.text = data_xml.item [iValue]. @ title; // umpleți titlul articolului item.price.text = data_xml.item [iValue]. @ price; // umpleți prețul elementului maiURL = data_xml.item [iValue]. link-ul .more.addEventListener (MouseEvent.CLICK, gotoURL); // ascultător de evenimente pentru mai multe funcții btn gotoURL (e: MouseEvent): void // funcția evenimentului de pași var myURL: URLRequest = nou URLRequest (mai multURL); // cerere URL navigateToURL (myURL); // mergeți la link-ul elementului // // funcția finală gotoURL // funcția pentru a afișa N ascunde funcția elemente hideNshow (efTime: Număr, efTransition: String, iMin: Număr, iMax: Număr) // timer.stop (); // opriți temporizatorul Tweener.addTween (item3, y: 330, alpha: 0, time: efTime, transition: effTransition); // ascunde item 3 Tweener.addTween (item2, y: 247, alfa: 0, timpul: efTime, întârziere: 0.3, tranziție: effTransition); // ascunde elementul 2 Tweener.addTween (element1, y: 163, effTransition, onComplete: Show); // ascunde elementul 1, // când este terminat funcția de apel Show () // funcția Show () // show items // (B) = 1 dacă valoarea curentă Btn este egală cu 4 valoarea setată la 1 deoarece avem doar 3 btns currentBtn = 1; // setați-o la 1 // end if item1.removeChild (imgLoader); // elimina imaginea de la item 1 item2.removeChild (imgLoader2); // elimina imaginea de la item 2 item3.removeChild (imgLoader3); // elimina imaginea de la item 3 showData (iMin, iMax); // funcția de apel showData cu parametrii iMin și iMax (valori min și max vars) min- = 3; // scăderea valorii min pentru a afișa următoarele 3 rezultate din xml max- = 3; // scăderea valorii max pentru a arăta următoarele 3 rezultate din xml dacă (max == xml_length-8) // dacă valoarea maximă min = xml_length-3; // setați valoarea min pentru a afișa primul rezultat max = xml_length + 1; // setați valoarea maximă pentru a afișa primul rezultat / / end if Tweener.addTween (item3, y: item3Y, alpha: 1, time: 2, delay: 0.6, transition: "easeOutExpo"; : item2Y, alfa: 1, timpul: 2, întârziere: 0.3, tranziție: "easeOutExpo"); // show item2 Tweener.addTween (item1, y: item1Y, alpha: 1, time: 2, transitio n: "easeOutExpo"); // show item1 timer.start (); // // funcția de capăt Afișare // funcția de capăt hideNshow funcția timerEvent () // funcția pentru evenimentul temporizat hideNshow (2, "easeInOutQuart", min, max); // funcția de apel hideNshow // btn 1 funcția funcție btn1Clicked ( e: MouseEvent) min = xml_length-3; // setați valoarea min max = xml_length + 1; // setați valoarea maximă hideNshow (2, "easeInOutQuart", min, max); / set surfer Btn btnControl (1); // funcția de apel btnControl // btn funcția 2 funcție btn2Clicked (e: MouseEvent) min = xml_length-6; max = xml_length-2; hideNshow (2, "easeInOutQuart", min, max); currentBtn = 1; btnControl (2); // funcția btn 3 funcție btn3Clicked (e: MouseEvent) min = xml_length-9; max = xml_length-5; hideNshow (2, "easeInOutQuart", min, max); currentBtn = 2; btnControl (3); funcția btnControl (btnNumber: Number) // un caz switch ... switch (btnNumber) caz 1: // când btn 1 este activ btn1.alpha = 0.5; // set alpha btn1.mouseEnabled = false; Tweener.addTween (btn1, lățimea: 30, înălțimea: 30, timpul: 2, tranziția: "easeOutExpo"); // schimba btn lățimea și înălțimea btn2.alpha = 1; // set alpha btn2.mouseEnabled = true; // enable btn Tweener.addTween (btn2, lățimea: 20, înălțimea: 20, timpul: 2, tranziția: "easeOutExpo"); // schimba btn lățimea și înălțimea btn3.alpha = 1; // set alpha btn3. mouseEnabled = true; // enable btn Tweener.addTween (btn3, width: 20, height: 20, time: 2, transition: "easeOutExpo"); caz 2: // când btn 2 este activ btn1.alpha = 1; // set alpha btn1.mouseEnabled = true; // enable btn Tweener.addTween (btn1, lățime: 20, înălțimea: 20, timpul: : "widthOutExpo"); // schimba btn lățimea și înălțimea btn2.alpha = 0.5; // set alpha btn2.mouseEnabled = false; // dezactivați butonul Tweener.addTween (btn2, lățimea: 30, înălțimea: 30, timpul : 2, tranziție: "easeOutExpo"); // modificați btn lățimea și înălțimea btn3.alpha = 1; // set alpha btn3.mouseEnabled = true; // permite btn Tweener.addTween (btn3, width: 20, height : 20, timpul: 2, tranziția: "easeOutExpo"); // schimba btn lățimea și pauza înălțime; Cazul 3: // când btn 3 este activ btn1.alpha = 1; // set alpha btn1.mouseEnabled = true; // permite btn Tweener.addTween (btn1, lățimea: 20, înălțimea: 20, timpul: 2, tranziția : btn2.mouseEnabled = true; // enable btn Tweener.addTween (btn2, lățimea: 20, înălțimea: 20, timpul : 2, tranziție: "easeOutExpo"); // schimbare btn lățime și înălțime btn3.alpha = 0.5; // set alpha btn3.mouseEnabled = false; // dezactivare buton Tweener.addTween (btn3, lățime: 30, înălțime : 30, timpul: 2, tranziția: "easeOutExpo"); // schimba btn lățimea și pauza înălțime; // end Switch // // funcția end btnControl // // timer timer.addEventListener (TimerEvent.TIMER, timerEvent); timer.start (); // butoane btn1.addEventListener (MouseEvent.CLICK, btn1Clicked); // Asculta pentru btn1 funcția de clic și de apelare btn2.addEventListener (MouseEvent.CLICK, btn2Clicked); // Asculta pentru btn2 funcția de clic și apel btn3.addEventListener (MouseEvent.CLICK , btn3Clicked); // Ascultă pentru funcția de clic și de apelare btn3 // // show wt btns este activă dacă (currentBtn == 1) btnControl (1); // funcția de apel btnControl altceva dacă (currentBtn == 2) btnControl (2); == 3) btnControl (3); // end if // funcția finală fData // funcția finală ShowData showData (xml_length-3, xml_length + 1); // show First Result // end xml Funcția Loaded //--------------------------------------------------- // data_Loader.load (data_Req); data_Loader.addEventListener (Event.COMPLETE, xmlLoaded); //
Pasul 10: Vars
// import Tweener import caurina.transitions. *; // // var xmlPath: String = "data.xml"; // are legătură cu fișierul xml var data_xml: XML; // XML Object var data_Req: URLRequest = URLRequest nou (xmlPath); // URL Request var data_Loader: URLLoader = new URLLoader ); // Loader var xml_length: Număr; // xml lungime // // var timp: Număr = 5000; // 5000 = 5 sec var timer: Timer = nou Timer (timp); // timer // // var imgPath: String; // calea imaginii pentru primul element var imgPath2: String; // calea imaginii pentru al doilea element var imgPath3: String; // calea imaginii pentru al treilea element var item1Y: Number = item1.y; // item 1 y valoare var item2Y: număr = element2.y; // element 2 y valoare var item3Y: număr = element3.y; // element 3 y valoare // // var currentBtn: Number = 1; // care btn este apăsat var min: Number; // valoarea mină folosită în funcție hideNshow () var max: Number; // valoarea maximă folosită în funcție hideNshow () // //
Pasul 11: xmlLoaded
xmlLoaded (eveniment: Eveniment): void // xml Funcția încărcată data_xml = nou XML (data_Loader.data) 6; // setați valoarea min la al doilea rezultat max = xml_length-2; // set max velue to second resuld
Când fișierul xml este încărcat, un ascultător de evenimente apelează funcția xmlLoaded.
Pasul 12: ShowData
funcția showData (loopMin: Număr, loopMax: Număr) // Funcția principală var i: Număr; // var pentru loop var loopMaxResult = loopMax-2; // var pentru rezultatul al treilea var loopSecondResult = loopMax-3; pentru al doilea rezultat pentru (i = loopMin; i imgPath = data_xml.item [i]. @ img; // obțineți img url din xml var imgRequest: URLRequest = nou URLRequest (imgPath); // Solicitare URL var imgLoader: Loader = new Loader (); (imgRequest); // încărcați imaginea item1.addChild (imgLoader); // adăugați prima imagine la elementul 1 imgLoader.x = -150; // imaginea x valoarea imgLoader.y = 15; // valoarea imaginii y // // end dacă dacă (i == loopSecondResult) // rezultatul al doilea fData (item2, i); // apela funcția fData pentru a umple elementul 2 // imgPath2 = data_xml.item [i]. @ img; // obțineți img url din xml var imgRequest2: URLRequest = URLRequest nou (imgPath2); // Solicitare URL var imgLoader2: Loader = new Loader (); (imgRequest2); // încărcați imaginea item2.addChild (imgLoader2); // adăugați prima imagine la elementul 2 imgLoader2.x = -150; // imaginea x valoarea imgLoader2.y = 15; // valoarea imaginii y // // end if if (i == loopMaxResult) // rezultatul al treilea fData (item3, i); // apela funcția fData pentru a umple elementul 3 // imgPath3 = data_xml.item [i]. img; // primi img url din xml var imgRequest3: URLRequest = noua adresa URLRequest (imgPath3); // solicitarea URL var imgLoader3: Loader = new Loader (); (imgRequest3); // încărcați imaginea item3.addChild (imgLoader3); // adăugați prima imagine la elementul 3 imgLoader3.x = -150; // imaginea x valoarea imgLoader3.y = 15; // valoarea imaginii y // // end if // se termină pentru
Funcția "showData" trece prin doi parametri "loopMin" și "loopMax", acestea fiind valorile pentru buclă for (). "loopMaxResult" și "loopSecondResult" folosim într-o instrucțiune if () pentru a separa trei rezultate. Dacă avem o matrice cu 3 elemente, primul element va fi cu tasta [0], iar ultima cu tasta [2] (0,1,2). Pentru a rula prin matrice cu pentru () valoarea loopMin trebuie să fie = 0 și loopMax = 4. Pentru a ști în care element trebuie să punem datele pe care le folosim dacă (i == loopMin) acest lucru va afișa primul rezultat în primul element, dacă (i == loopSecondResult) afișează al doilea rezultat și dacă (i == loopMaxResult) al treilea rezultat.
Pasul 13: Funcția fData
funcția fData (element: MovieClip, iValue: int) // funcția care umple datele în elemente var maiURL: String; // url pentru buton mai mult item.txt.text = data_xml.item [iValue]. Titlul articolului item.price.text = data_xml.item [iValue]. @ price; // umplerea prețului elementului mai multURL = data_xml.item [iValue]. link-ul; // item link item.more.addEventListener (MouseEvent.CLICK, gotoURL ); // ascultător de evenimente pentru mai multe funcții btn gotoURL (e: MouseEvent): void // funcția evenimentului clic var myURL: URLRequest = nou URLRequest (maiURL); // cerere URL navigateToURL (myURL); // funcția finală gotoURL
Funcția fData trece prin doi parametri. Unul este numele de instanță a videoclipului și al doilea este valoarea. Aici adăugăm date din documentul xml la clipurile noastre de film și facem și butonul "mai multe" link-uri deschise din xml.
Pasul 14: hideNshow
// funcția pentru spectacol N ascunde funcția elemente hideNshow (efTime: Număr, efTransition: String, iMin: Număr, iMax: Număr) // timer.stop (); // opriți temporizatorul Tweener.addTween (item3, y: 330, alpha: 0, time: efTime, transition: effTransition); // ascunde item 3 Tweener.addTween (item2, y: 247, alfa: 0, timpul: efTime, întârziere: 0.3, tranziție: effTransition); // ascunde elementul 2 Tweener.addTween (element1, y: 163, effTransition, onComplete: Show); // ascunde elementul 1, // când este terminat funcția de apel Show () // funcția Show () // show items // (B) = 1 dacă valoarea curentă Btn este egală cu 4 valoarea setată la 1 deoarece avem doar 3 btns currentBtn = 1; // setați-o la 1 // end if item1.removeChild (imgLoader); // elimina imaginea de la item 1 item2.removeChild (imgLoader2); // elimina imaginea de la item 2 item3.removeChild (imgLoader3); // elimina imaginea de la item 3 showData (iMin, iMax); // funcția de apel showData cu parametrii iMin și iMax (valori min și max vars) min- = 3; // scăderea valorii min pentru a afișa următoarele 3 rezultate din xml max- = 3; // scăderea valorii max pentru a arăta următoarele 3 rezultate din xml dacă (max == xml_length-8) // dacă valoarea maximă min = xml_length-3; // setați valoarea min pentru a afișa primul rezultat max = xml_length + 1; // setați valoarea maximă pentru a afișa primul rezultat / / end if Tweener.addTween (item3, y: item3Y, alpha: 1, time: 2, delay: 0.6, transition: "easeOutExpo"; : item2Y, alfa: 1, timpul: 2, întârziere: 0.3, tranziție: "easeOutExpo"); // show item2 Tweener.addTween (item1, y: item1Y, alpha: 1, time: 2, transitio n: "easeOutExpo"); // show item1 timer.start (); // // funcția finală Afișați // funcția end hideNshow
Funcția hideNshow transmite 4 parametri.
efTime - timpul în secunde folosit în animația tweener
effeffTransition - tip de tranziție tweener
Valoarea iMin - var min
Valoarea iMax - var max
Atunci când animația element1 este terminată, tweener apelează funcția "Show" (care aduce elemente înapoi, dar elimină imagini din fiecare) și execută funcția "showData" pentru a le completa cu următorul rezultat din fișierul xml. În plus, valoarea curentăBtn este mărită cu una. În cele din urmă, cronometrul este pornit.
Pasul 15: Timpul
funcția timerEvent () // funcția pentru evenimentul temporizat hideNshow (2, "easeInOutQuart", min, max); // funcția de apel hideNshow
Această funcție este apelată atunci când contorul de timp este în jos de 5 secunde.
Pasul 16: Funcțiile butoanelor
// btn funcția de funcție btn1Clicked (e: MouseEvent) min = xml_length-3; // setați valoarea min max = xml_length + 1; // setați valoarea maximă hideNshow (2, "easeInOutQuart", min, max); funcția de apel hideNshow currentBtn = 0; // setarea sursei Btn btnControl (1); // funcția de apel btnControl; // btn Funcția 2 funcții btn2Clicked (e: MouseEvent) min = xml_length-6; max = xml_length-2; hideNshow (2, "easeInOutQuart", min, max); currentBtn = 1; btnControl (2); // funcția btn 3 funcție btn3Clicked (e: MouseEvent) min = xml_length-9; max = xml_length-5; hideNshow (2, "easeInOutQuart", min, max); currentBtn = 2; btnControl (3);
Acestea sunt funcțiile pe care ascultătorii de evenimente le apelează pentru butoane.
Pasul 17: Funcția btnControl
funcția btnControl (btnNumber: Number) // un caz switch ... switch (btnNumber) caz 1: // când btn 1 este activ btn1.alpha = 0.5; // set alpha btn1.mouseEnabled = false; .addTween (btn1, lățimea: 30, înălțimea: 30, timpul: 2, trecerea: "easeOutExpo"); // modificați btn lățimea și înălțimea btn2.alpha = 1; // set alpha btn2.mouseEnabled = true; / enable btn Tweener.addTween (btn2, lățimea: 20, înălțimea: 20, timpul: 2, tranziția: "easeOutExpo"); // modificați btn lățimea și înălțimea btn3.alpha = 1; // set alpha btn3.mouseEnabled = true; // permite btn Tweener.addTween (btn3, width: 20, height: 20, time: 2, transition: "easeOutExpo"); caz 2: // când btn 2 este activ btn1.alpha = 1; // set alpha btn1.mouseEnabled = true; // enable btn Tweener.addTween (btn1, lățime: 20, înălțimea: 20, timpul: : "widthOutExpo"); // schimba btn lățimea și înălțimea btn2.alpha = 0.5; // set alpha btn2.mouseEnabled = false; // dezactivați butonul Tweener.addTween (btn2, lățimea: 30, înălțimea: 30, timpul : 2, tranziție: "easeOutExpo"); // modificați btn lățimea și înălțimea btn3.alpha = 1; // set alpha btn3.mouseEnabled = true; // permite btn Tweener.addTween (btn3, width: 20, height : 20, timpul: 2, tranziția: "easeOutExpo"); // schimba btn lățimea și pauza înălțime; Cazul 3: // când btn 3 este activ btn1.alpha = 1; // set alpha btn1.mouseEnabled = true; // permite btn Tweener.addTween (btn1, lățimea: 20, înălțimea: 20, timpul: 2, tranziția : btn2.mouseEnabled = true; // enable btn Tweener.addTween (btn2, lățimea: 20, înălțimea: 20, timpul : 2, tranziție: "easeOutExpo"); // schimbare btn lățime și înălțime btn3.alpha = 0.5; // set alpha btn3.mouseEnabled = false; // dezactivare buton Tweener.addTween (btn3, lățime: 30, înălțime : 30, timpul: 2, tranziția: "easeOutExpo"); // schimba btn lățimea și pauza înălțime; // end Switch // funcția end btnControl
btnControl trece un parametru "btnNumber" care este utilizat într-o instrucțiune switch pentru a schimba proprietățile butoanelor atunci când sunt făcute clic sau active.
Pasul 18: ascultători de evenimente
// // timer timer.addEventListener (TimerEvent.TIMER, timerEvent); timer.start (); // butoane btn1.addEventListener (MouseEvent.CLICK, btn1Clicked); // Asculta pentru btn1 funcția de clic și de apelare btn2.addEventListener (MouseEvent.CLICK, btn2Clicked); // Asculta pentru btn2 funcția de clic și apel btn3.addEventListener (MouseEvent.CLICK , btn3Clicked); // Ascultă pentru funcția de clic și de apelare btn3 //
Pasul 19: Butonul care este activ?
// arată care buton este activ dacă (currentBtn == 1) btnControl (1); // funcția de apel btnControl altceva dacă (currentBtn == 2) btnControl (2); == 3) btnControl (3); // if end
Utilizăm trei declarații if () pentru a vedea care buton este activ în prezent.
Pasul 20: Funcțiile apelului
// funcția finală fData // funcția finală ShowData showData (xml_length-3, xml_length + 1); // arăta primul rezultat // end xml Funcția Loaded //--------------------------------------------------- // data_Loader.load (data_Req); data_Loader.addEventListener (Event.COMPLETE, xmlLoaded); //
După terminarea funcției "ShowData", o rulați cu parametrii (xml_length-3, xml_length + 1) pentru a vedea primele rezultate când rulați aplicația. Adăugăm un ascultător de evenimente la data_loader astfel încât atunci când fișierul xml este încărcat și gata de utilizare sunăm funcția "xmlLoaded".
Concluzie
Aveți posibilitatea să modificați aplicația așa cum doriți, să schimbați tipurile de tranziție, secvențele de timp sau, de exemplu, să vă afișați mesajele recente, știrile, tweeturile etc. Sper că vă place să urmați!
Share
Accentsconagua
