Flash CS5 for Designers: TLF og Hyper + Sample Chapter

Flash CS5 for Designers: TLF og Hyper + Sample Chapter
Del
Del
Del
Del
Dette Cyber ​​mandag Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av

Hver type TLF tekst i Flash -. Read Only, valgbar, og redigerbar - støtter hyperkoblinger. Alt som trengs for å legge en link i en tekst container er å skrive inn tekst, velger noen ord, og skriv inn ønsket URL inn i Properties panelet. Eventuelt kan du legge inn et mål så vel


Det følgende er en øvelse fra Foundation Flash CS5 For Designers av Tom Green &.; Tiago Dias.
Gratulerer til våre tre vinnere som alle vant et signert eksemplar! Og hvis du ikke var så heldig denne gangen, hjelpe deg selv til en prøve kapittel courtesy of FriendsOfEd. Enjoy!


Hvis du vil at hele teksten container hyperkoblet, med markeringsverktøyet til å velge beholder selv, og deretter bruke Link og Target eiendommer i Avansert Character alternativer område av Properties panelet på samme måte.

Bruke en hyperkobling til tekst

Så enkelt som denne tilnærmingen er, er en ulempe hyperkobling understreking lagt til teksten. Det rett og slett ikke kan fjernes. Likevel kan hyperkoblinger være absolutt, slik som http://www.SuperSite.com/thisPageHere.html
, eller slektning, for eksempel. ./thisOtherPage.html
. For relative baner, er det viktig å vite at banen vil bli bestemt ikke fra synspunkt av SWF, men fra HTML-fil som inneholder det.

For eksempel kan du velge å beholde alle HTML filer i roten av ditt nettsted. Fordi du er en organisert utvikler, kan du velge å legge alle bildefilene i sin egen undermappe av rot, og du kan bare gjøre det samme med din Flash-innhold. Fra en SWF synspunkt, krever den relative banen til alle HTML-filene stepping tilbake én mappe. Så, hvis en SWF linker til en av disse sidene, kan du bli fristet til å gå foran destinasjonens filnavn med ../, men ikke gjør det! HTML-filen som inneholder SWF i spørsmålet er allerede i samme mappe som destinasjon siden, og det er den som inneholder HTML-fil synspunkt som teller.



Bruke Actionscript for å legge inn linker til TLF Text

Som du så i forrige eksempel, kan du bruke et stykke tekst i en container for å utløse en hendelse på Flash scenen. Det sier seg selv at det samme stykke tekst kan brukes til å lansere en nettside. Snarere enn rehash alt gjort tidligere, åpner den vedlagte TLF_Hyperlink_AS.fla
fil og la oss se hvordan dette gjøres



Trinn 1:. Velg

Bla ned til linje 32 av Script ruten.

Velg ordet INGEN, og endre det for å understreke. Resultatet av denne endringen er å faktisk ha den klikkbare teksten ser ut som en vanlig HTML hyperkobling som bruker en understreking



Trinn 2:. LinkElement ()

Trykk på Enter (Windows) eller Retur (Mac) tasten to ganger, og skriv inn følgende kode blokken:
Var link: LinkElement = new LinkElement (); link.href = "http://www.friendsofed.com"; Var linkspan: SpanElement = new SpanElement (); linkSpan.text = "Klikk her"; link.addChild (linkspan); Var span: SpanElement = new SpanElement (); span.text = "for å laste ned filene for denne boken."; p.addChild (link ); p.addChild (span); textFlow.addChild (p);

Som du kanskje har samlet, er alle elementer i en TLF container påvirket eller styrt av elementer. De to første linjene fastslå at en variabel kalt link vil bli administrert av en LinkElement og vil bli plassert i en LinkElement () objekt. Den neste linjen bruker vanlig href tag fra HTML til å identifisere lenken

Nå som du har etablert hvor linken kommer -. Til venner av ED nettside - du oppretter et spenn for teksten som blir klikket , sette teksten inn i span, og bruke addChild () metode for å sette linkspan på scenen.

Resten av koden legger resten av teksten, assosierer linken til teksten i setningen (p), setter punktum på scenen, og renner det inn i løpende mengde ord container.



Trinn 3: Test

Lagre filen, og teste filmen. Teksten inneholder link, som vist nedenfor, er blå og idrett en ganske stilig understreking. Klikk på linken, og venner av ED hjemmeside åpnes.

Bruke UNDERSTREKING konstant legger vanlig HTML understreke brukere er vant til.

Importer Uttalelser brukes i denne øvelsen

Dette er import uttalelser som brukes for denne øvelsen:
import flash.display.Sprite, importere flashx.textLayout.container.ContainerController, importere flashx.textLayout.elements.Configuration, importere flashx.textLayout.formats.TextLayoutFormat, importere flashx. textLayout.formats.TextAlign, import flashx.textLayout.elements.TextFlow, import flashx.textLayout.elements.ParagraphElement, import flashx.textLayout.edit.EditManager, import flashx.undo.UndoManager, import flashx.textLayout.formats.TextDecoration; import flashx.textLayout.elements.LinkElement, import flashx.textLayout.elements.SpanElement;