Interaktiivsete komponentide lisamine Flash Catalyst

• Mai 9, 2024

Selles õpetuses viime lõpule Adobe'i portfelli slaidiseansi^R Välk^R Katalüsaator^R. Kui olete jälginud, oleme teinud oma nupud ja oleme valmis eriefekte lisama. Portfellis liikudes soovime, et nähtava logo nupp oleks tuhm ja teised nupud nähtavad. Seetõttu peame katalüsaatorile ütlema, milline nupp millise lehe jaoks on ja millal nuppe timmida. Siis lisame lehtede vahel ülemineku efekti Fade.

Kõigepealt timmime praeguse logo nuppu. Kui 1. lehel on 1. logo nähtav, soovime, et sobitusnupp oleks tuhm. Peame seda tegema kõigi kolme riigi või oma portfelli lehtede jaoks.

1. Sellel lehel töötamiseks klõpsake paneelil Pages / States olekut ikooni Page1. Klõpsake pisipildil, mis on nüüd meie logo 1 nupp. Seadke atribuutide paneelil Läbipaistmatus väärtusele 40. Kuna nupu all oleva mati kese on must, muudab see nupp tuhmiks.

2. Klõpsake paneelil Pages / States nuppu ikooni Page2. Korrake eelmist toimingut Page 2, tuhmustades ainult nupule, mis sobib logoga 2. Klõpsake paneelil Pages / States nuppu ikooni Page3 ja korrake seda toimingut.

Meie uue efekti testimiseks klõpsake nuppu File - Run Project. Nuppudele klõpsamisel peaks vastav logo olema nähtav ja nupp olema tuhm.

Viimane asi, mille oma navigeerimisele lisame, on ajajoone abil fade-üleminek lehekülgede vahel. Minge tagasi lehele1, klõpsates lehe1 ikoonil. Vaadake ajaskaala kihte ja näete, et meil on kiht iga võimaliku ülemineku jaoks kõigi kolme lehe vahel.

1. leht> 2. leht
1. leht> 3. leht
2. leht> 1. leht
Leht3> leht1

3. Klõpsake kihti Lehekülg1> Lehekülg2. Näete, et Catalyst on andnud meile logode 1 ja 2 (tuhmina välja lülitatud) ning nuppude 1 ja 2 üleminekuvalikud. Kuna me eemaldame logost 1, on meil võimalus Fade Out. Kuid liigume 2. logo juurde. Selle logo jaoks on meil Fade In võimalus.

Fade Out efekti lisame ainult logole 1 ja Fade In Effect logole 2. Me ei vaja oma nuppudele rakendatavat Fade efekti. Võite seda efekti kasutada mõnes teises projektis.

Klõpsake suvandil Sujuv üleminek ajajoone allosas. Näete, et väljalülitamise / sisenemise juhtnuppe on kõigil kihtidel pikendatud poole sekundini. Ikka kihil Lehekülg1> Lehekülg2 peame kahe nupu efekti välja lülitama. Lükake iga nupu jaoks liugurit vasakule.

Klõpsake kihti Lehekülg1> Lehekülg3. Korrake eelmist toimingut kahe nupu ja logo jaoks. Korrake sama korra kihi Lehekülg 2> Lehekülg 1 ja kihi Lehekülg3> Lehekülg1 korral.

See hoolitseb kõigi Page1 osariigi üleminekute eest. Kuid meie portfellis on kolm osariiki. Peame seda kahe ülejäänud riigi jaoks uuesti tegema. Klõpsake paneelil Pages / States nuppu ikooni Page2.

Vaadake ajaskaala kihte. Võite märgata, et seaded, mille me just olekuks Lehekülg1 määrasime, kantakse lehe Leht> Lehekülg2 ja Leht2> Lehekülg3 vahel üleminekuks Lehekülje2 olekusse. Peame lihtsalt lisama ülemineku Page2> Page3 ja Page3> Page2 vahel.

4. Korrake eelnevaid samme, et rakendada üleminekuid oleku Page2 logodesse. Peate seda tegema iga ajaskaala kihi jaoks.

5. Klõpsake paneelil Pages / States ikooni Page3. Võite märgata, et üleminekusätted on üle kantud kahest teisest olekust. Kui meil oleks rohkem lehti, peaksime selle oleku jaoks töötama kihtide kallal. Kuid kuna see on kolmest osariigist viimane, oleme kõik valmis.

Testi oma projekti uuesti. Kui kõik töötab, oleme valmis oma faili salvestama nimega LogoPortfolio.fxp.

6. Peame käskima Catalystil luua failid, mis kuvavad meie Flashi portfelli. Klõpsake nuppu Fail - avalda SWF-is. Sirvige kõvakettale õiget asukohta ja salvestage projekt. Näete, et Catalyst annab teile kaks kausta. Veebis juurutamise kaustas on meil failid, mis on vajalikud portfelli käitamiseks veebiserveris. Kohalikus käitamisfailis on meie töölaual failid portfelli käitamiseks.

Autoriõigus 2018 Adobe Systems Incorporated. Kõik õigused kaitstud. Adobe toote ekraanipilt (ed) kordustrükis Adobe Systems Incorporated loal. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper on / on kas [a] registreeritud kaubamärk (id) või Adobe Systems Incorporated'i kaubamärk (id) Ameerika Ühendriikides ja / või teistes riikides.

Video Juhiseid: Building Dynamic Web Apps with Laravel by Eric Ouyang (Mai 2024).