Interaktiivisten komponenttien lisääminen Flash Catalyst -sovellukseen

• Huhtikuu 28, 2024

Tässä opetusohjelmassa lopetamme portfolion diaesityksen Adobessa^R salama^R katalyytti^R. Jos olet seurannut, olemme tehneet painikkeemme ja valmiita lisäämään erikoistehosteita. Kun liikutamme salkkua, haluamme, että näkyvän logon painike himmennetään ja muut painikkeet näkyvät. Siksi meidän on kerrottava Catalystille, mikä painike on mistä sivusta ja milloin himmentää painikkeita. Sitten lisäämme Fade-siirtymätehosteen sivujen välillä.

Ensin himmentämme nykyisen logon painiketta. Kun logo 1 on näkyvissä Page1-tilassa, haluamme, että vastaava painike himmennetään. Meidän on tehtävä tämä kaikissa kolmessa valtiossa tai salkkumme sivuilla.

1. Napsauta Sivu 1 -kuvaketta Sivut / tilat -paneelissa työskennelläksesi tällä sivulla. Napsauta pikkukuvaa, joka on nyt logon 1 painike. Aseta Ominaisuudet-paneelissa Peittokyky-arvoksi 40. Koska painikkeen alla olevan maton keskusta on musta, painike näyttää himmeältä.

2. Napsauta Sivut2-kuvaketta Sivut / tilat -paneelissa. Toista edellinen vaihe sivulle 2 himmentämällä vain painiketta, joka vastaa logoa 2. Napsauta Sivu 3 -kuvaketta Sivut / tilat -paneelissa ja toista tämä vaihe.

Testaa uusi vaikutuksemme napsauttamalla File - Run Project. Kun napsautat painikkeita, vastaavan logon tulisi olla näkyvissä ja painikkeen tulee himmentää.

Viimeinen asia, jonka lisäämme navigointiin, on häipyminen siirtyminen sivujen välillä aikajanalla. Palaa sivulle 1 napsauttamalla sivu1-kuvaketta. Katso aikajanan tasot ja näet, että meillä on kerros jokaiselle mahdolliselle siirtymiselle kaikkien kolmen sivun välillä.

Sivu1> Sivu2
Sivu1> Sivu3
Sivu2> Sivu1
Sivu3> Sivu1

3. Napsauta Sivu1> Sivu2-tasoa. Näet, että Catalyst on antanut meille siirtymisvaihtoehdot logoille 1 ja 2 (himmennetty) ja painikkeille 1 ja 2. Koska siirrymme pois logosta 1, meillä on Fade Out -vaihtoehto. Mutta siirrymme logoon 2. Meillä on Fade In -vaihtoehto tälle logolle.

Lisäämme vain Fade Out -tehosteen logoon 1 ja Fade In Effect logoon 2. Emme tarvitse Fade-vaikutusta, jota käytetään painikkeihimme. Voit kuitenkin käyttää tätä efektiä toisessa projektissa.

Napsauta Sileä siirtyminen -painiketta aikajanan alareunassa. Näet, että Fade Out / In -ohjaimet on pidennetty puolessa sekunnissa kaikissa kerroksissa. Silti Sivu 1> Sivu 2 -kerroksessa meidän on kytkettävä vaikutus pois päältä kahdelle painikkeelle. Työnnä liukusäädintä vasemmalle kunkin painikkeen kohdalla.

Napsauta Sivu1> Sivu 3 -tasoa. Toista edellinen vaihe kahdelle painikkeelle ja logolle. Toista uudelleen sivu 2> Sivu 1 -tasolle ja Sivu 3> Sivu 1 -tasolle.

Se huolehtii kaikista Page1-valtion siirtymisistä. Mutta portfoliossamme on kolme valtiota. Meidän on tehtävä tämä uudelleen kahden muun valtion osalta. Napsauta Sivu2-kuvaketta Sivut / tilat -paneelissa.

Katso aikajanan kerroksia. Huomaat, että asetukset, jotka juuri asetimme Sivu1-tilaan, siirretään Sivu2-tilaan Sivu1> Sivu2 ja Sivu2> Sivu 3 -siirroille. Meidän on vain lisättävä siirtyminen sivun2> sivun3 ja sivun3> sivun2 välillä.

4. Toista edelliset vaiheet soveltaaksesi siirtymiä Page2-tilan logoihin. Tämä on tehtävä jokaiselle aikajanan tasolle.

5. Napsauta Sivu 3 -kuvaketta Sivut / tilat -paneelissa. Huomaat, että siirtymäasetukset ovat siirtyneet muista kahdesta tilasta. Jos meillä olisi enemmän sivuja, meidän olisi työskenneltävä tämän tilan kerroksissa. Mutta koska tämä on viimeinen kolmesta valtiosta, olemme kaikki valmiita.

Testaa projektisi uudelleen. Jos kaikki toimii, olemme valmiita tallentamaan tiedostomme nimellä LogoPortfolio.fxp.

6. Meidän täytyy kertoa Catalystille luoda tiedostoja, jotka näyttävät Flash-portfolion. Napsauta Tiedosto - Julkaise SWF: ssä. Selaa oikeaan sijaintiin kiintolevyllä ja tallenna projekti. Näet, että Catalyst antaa sinulle kaksi kansiota. Käyttöönotto-Web-kansiossa meillä on tiedostoja, joita tarvitaan salkun suorittamiseen verkkopalvelimella. Paikallisessa run-ohjelmassa meillä on tiedostoja salkun suorittamiseen työpöydällämme.

Tekijänoikeus 2018 Adobe Systems Incorporated. Kaikki oikeudet pidätetään. Adobe-tuotteen näyttökuva (t) uusitaan Adobe Systems Incorporatedin luvalla. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Ilotulitteet, Contribute, Captivate, Flash Catalyst ja Flash Paper on / on joko [a] rekisteröity tavaramerkki (t) tai Adobe Systems Incorporatedin tavaramerkki (t) Yhdysvalloissa ja / tai muissa maissa.

Video-Ohjeita: Building Dynamic Web Apps with Laravel by Eric Ouyang (Huhtikuu 2024).