Flash-tekniikat ovat kaikkialla Internet-sivustoissa nykyään, ja jopa hakevat verkkovastaavat pyrkivät lisäämään Flash-elementtejä sivustoonsa. Esimerkiksi tätä tekniikkaa käyttävä valikkosuunnittelu on toimiva ja kaunis. Esimerkkinä kuvataan, kuinka tehdä kätevä Flash-painike Adobe Flash CS4: ssä, joka voidaan sijoittaa sivustollesi, ja tehdä valikkolohko näiden painikkeiden perusteella.
Ohjeet
Vaihe 1
Valmista kaksi grafiikkatiedostoa, joissa on taustakuva painikkeista, joissa ei ole tekstiä JPG-muodossa. Avaa sitten Adobe Flash, luo uusi asiakirja ja valitse luettelosta Action Script 2.0.
Vaihe 2
Avaa asetusosa ja aseta leveys 273 pikseliksi ja korkeus 54 pikseliksi. Napsauta Tuo-painiketta Tiedosto-valikossa ja valitse Tuo kirjastoon, jos haluat tuoda kaksi renderoitua kuvaa datakirjastoon.
Vaihe 3
Vedä ladatut kuvat työalueelle, paina F8, nimeä yksi kuvista uudelleen ja valitse Tyyppi-osasta Elokuvaleike.
Vaihe 4
Vedä sitten toinen kuva työalueelle, nimeä se uudelleen ja määritä sama parametri Tyyppi-osiossa.
Vaihe 5
Kirjoita kuhunkin painikkeeseen haluamasi teksti ja luo uusi painike painamalla Ctrl + F8. Uusi symboli -ikkuna avautuu. Anna tulevan painikkeen nimi ja valitse Painikkeen tyyppi. Kopioi yllä oleva ensimmäinen muokattu kuva luodun Elokuvaleike-painikkeen työalueelle.
Vaihe 6
Luo uusi elokuvaleike painamalla Ctrl + F8 ja kopioi tulos työalueelle. Luo uusi taso ja kopioi elokuvaleike toiseen kuvaan.
Vaihe 7
Luo ensimmäisessä kerroksessa kehys siirtymällä hieman taaksepäin ja valitsemalla Lisää kehys -vaihtoehto hiiren kakkospainikkeella valikosta. Toista sama seuraavalle tasolle valitsemalla pikavalikosta Lisää avainkehys. Valitse luotu avainkehys ja avaa sen asetukset.
Vaihe 8
Valitse Väritehoste-osassa Tyyli-alfa ja aseta arvoksi 0%. Määritä saman kerroksen ensimmäisessä kehyksessä arvoksi Classic Motion Tween.
Vaihe 9
Valitse vaiheessa PAGE-objekti ja avaa Toiminnot. Liitä seuraava koodi vapaaseen kenttään: on (release) {
getURL ("aboutme.htm", "_self", "GET");
}
Vaihe 10
Anna painikkeille asetuksissa haluamasi nimi. Palaa ensimmäiseen kohtaukseen ja kopioi elokuvaleike, valitse se ja avaa Toiminnot uudelleen. Anna toinen koodi, jossa sim_btn on painikkeesi nimi: onClipEvent (enterFrame) {
jos (mene) {
seuraavaKehys ();
} muu {
prevFrame ();
}
}
onClipEvent (lataus) {
var mennä;
lopettaa ();
sim_btn.onRollOver = function () {
go = tosi;
};
sim_btn.onRollOut = funktio () {
go = väärä;
};
}
Vaihe 11
Vie painike valitsemalla Tiedosto-valikosta Vie elokuva.
