Flash CS5 for Designers! TLF og Action + Vinn 1 av 3 signerte eksemplarer
Del
Del
Del
Del
Dette Cyber mandag Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.
Mye har endret seg mellom hvordan teksten ble håndtert i Flash CS4 og Flash CS5. Vi tror nå er et godt tidspunkt å trekke opp en krakk, sitte ned, og vurdering, i svært grove trekk, hva man trenger å vite om TLF før "kabling opp" en øvelse eller et prosjekt ved hjelp av Actionscript.
Det følgende er en øvelse fra Foundation Flash CS5 For Designers av Tom Green & Tiago Dias.
Hvis du føler deg heldig, inn Activetuts + konkurranse for å vinne en av 3 signerte eksemplarer! (Selvfølgelig kan du alltids kjøpe en kopi ..)
Innledning
Med den nye TextLayoutFramework (TLF), blir tekst i disse tingene kalles beholdere. De enten kan være fysisk trukket på scenen med tekstverktøyet, og gitt en forekomst navn eller, som er mer vanlig, kan opprettes under kjøring. Du vet også at teksten kan formateres og manipuleres ved hjelp av Properties panelet. De pene ting her er ordet egenskaper De fleste prosjektene vil begynne med å fortelle Flash for å lage en konfigurasjon () objekt, som brukes til å fortelle Flash er det en container på scenen og hvordan håndtere tekst Layout Framework for ting i beholderen. Den faktiske utseende håndteres av løpende mengde ord () klasse, som tar sine ordre, så å si, fra Konfigurasjon () objekt. Naturligvis, å være dum, må Configuration () objekt å bli fortalt nøyaktig hvordan for å styre teksten i beholderen. Standardformatet er satt gjennom en egenskap av Configuration klasse kalt textFlowInitialFormat. Å endre det, du bare bruke TextlayoutFormat () klasse å stille skrifttyper, farger, justering, og så videre, og så fortelle sjefen-konfigurasjon () -som sine textFlowInitialFormathas endret til de du Innstilles med TextLayoutFormat (). Den sjefen vil få det, men han er ikke veldig lyst, så du neste behov for å fortelle ham om å levere selve arbeidet til et annet medlem av ledergruppen, den løpende mengde ord () klasse. Denne klassen har overordnet ansvar for noen ord i en container. Å være like svak som sjefen, løpende mengde ord () trenger å bli fortalt hva et avsnitt er ( ParagraphElement Den løpende mengde ord () klasse, igjen ikke å være så veldig lyst, vil da late jobben over til et annet medlem av ledergruppen, den IFlowComposer () klasse, hvis eneste jobb er å styre layout og skjerm av teksten flyte innenfor eller mellom beholdere. Flyten komponisten avslutter prosessen med å bestemme hvor mye tekst som går inn i en beholder, og deretter legger til linjer med tekst for å sprite. Dette oppnås gjennom bruk av addController () -metoden, som skaper en ContainerController () objekt hvis parametre identifisere beholderen og dens egenskaper. Den vanlige siste trinnet er å fortelle FlowComposer å oppdatere kontrollerne og sette teksten på scenen i forhold til hvordan de andre medlemmene av teamet har fortalt Configuration () Med denne informasjonen i hånden, la oss gå videre til å jobbe med TLF i Actionscript. Vi kommer til å lage en tekstkolonne med Action Åpne en ny Flash Actionscript 3.0 dokument, endre navn på Layer 1 til handlinger, velg det første . rammen av handlinger lag, og åpne Handlinger panelet Klikk én gang i Script-panelet, og skriv inn følgende: Du trenger litt tekst for å legge til scenen. Denne strengen er den tredje ledd i dette kapittelet. Nå som du har teksten til å gå inn i beholderen, må du laste den klassen som vil klare det. Trykk på Enter (Windows) eller Retur (Mac), og legg til følgende linje med kode: Som du kanskje har lagt merke til, så snart du opprettet Configuration () objekt, Flash importert klasse flashx.textLayout.elements.Configuration -whose primære oppgave er å kontrollere hvordan TLF oppfører seg. Den neste kodeblokken forteller TLF hvordan teksten vises på scenen Trykk på Enter (Windows) eller Retur (Mac) to ganger, og Skriv inn følgende: TextLayoutFormat klasse, som vi sa tidligere, er hvordan teksten i en container er formatert. Eiendommene i denne klassen påvirke format og stil på teksten i en container, et avsnitt eller en eneste tekstlinje. I dette tilfellet kan vi fortelle Flash hvilke skrifter som skal bruke, størrelse, farge, hvordan det er å være på linje (legg merke til store bokstaver brukes for justering), og polstring som beveger den av kantene på beholderen. Før du går videre, må du du å gjøre noe. Det er en koding problem. Bla opp til import uttalelser. Hvis du ser denne line-import flashx.textLayout.elements.TextAlign, -proceed til neste kodeblokken. Hvis du ikke gjør det, slette denne linjen i koden blokk bare oppgitt: charFormat.textAlign = TextAlign.LEFT;. Ønsket charFormat.textAlign =. Skriv inn de to første bokstavene i klassen (Te), trykker Ctrl + mellomromstasten, og koden hint skal vises. Finn Tekstjustering, og dobbeltklikk på den. Dette bør legge den savnede import uttalelse. For å bevare forstanden, vil vi være å gi en oversikt over import uttalelser som skal vises på slutten av hver øvelse. Vi anbefaler sterkt at du sammenligner din liste over import uttalelser mot listen som presenteres, og hvis du mangler noe, legge dem inn koden din. Nå som du vet hvordan teksten vil bli formatert, må du fortelle Configuration () objekt å bruke formatering. Hvis du ikke gjør det, vil det gjelde uansett standardinnstillingen den velger. Trykk på Enter (Windows) eller Retur (Mac) tasten to ganger, og skriv inn følgende: Trykk på Enter (Windows) eller Retur (Mac), og skriv inn følgende kode blokken: Den løpende mengde ord () objekt må være her fordi sin jobb er å forvalte all tekst i beholderen. Konstruktøren-løpende mengde ord (config) -lets TLF vet at det er å bruke config objektet opprettet tidligere så det nå vet hvordan å formatere innholdet i beholderen og selv beholder selv Det siste trinnet er å få all formatering og layout i beholderen på scenen. Trykk på Enter (Windows) eller Retur (Mac) viktige, og legge disse to siste linjene: Den første linjen legger ContainerController og forteller Flash beholderen blir forvaltet er gjeldende Displayobject (denne), som for tiden er på scenen, og til å sette sine dimensjoner til 500 piksler bred og 350 piksler . høy Lagre prosjektet, og teste filmen. Teksten, som vist nedenfor, vises ved hjelp av formateringsinstruksjonene du setter Dette er importregnskapet for denne øvelsen. Ved hjelp av Actionscript for å opprette og formatere beholderen og dens tekst Selv om dette koding oppgaven kan, først, ser ut til å være en ganske kompleks prosess, noe vi kan forsikre det er det ikke; det vil bli nesten andre natur som du begynner å bruke Action å leke med tekst i beholderne. Med introduksjonen av Text Layout Format, din evne til å lage tekst, formatere tekst, sette det i kolonner, og generelt manipulere den ved hjelp av Actionscript har sterkt utvidet dine kreative muligheter. Før du får alle begeistret for dette, må du vite at ordet Work Alle TLF tekst objekter du oppretter vil stole på en bestemt TLF Actionscript bibliotek, også kalles en runtime delt bibliotek (RSL). Når du arbeider på scenen i Flash grensesnitt, gir Flash biblioteket. Dette er ikke tilfelle når du publiserer SWF og legg den i en webside. Det må være tilgjengelig, mye som Flash Player, på brukerens maskin. Når SWF laster, går det å jakte på biblioteket på tre steder: Når du publiserer en SWF-fil som bruker TLF tekst, skaper Flash en ekstra fil som heter textLayout_X.XXXXX.swz (der Xs er erstattet av versjonsnummeret) ved siden av SWF-fil. Du kan eventuelt velge å laste opp denne filen til webserveren sammen med SWF-fil. Dette gjør det mulig for de sjeldne tilfellene hvor Adobes servere er ikke tilgjengelig for noen grunn. Hvis du åpner filen der du lagret denne øvelsen skal du se både SWF og, som vist i Figur 6-25, den SWZ filen. .swz filen inneholder tekst Layout Framework. Vi kjører denne Giveaway litt annerledes siden Adam fra Aetuts + presset Wildfire min måte .. Wildfire er en glimrende markedsføring byggherre og gjør taste konkurranser et stykke kake! Hvis du ønsker å være i med en sjanse til å vinne en av tre signerte eksemplarer av "Foundation Flash CS5 for Designers", bare gå inn! De tre vinnerne vil bli annonsert på mandag 6 september. Lykke til!
. Hvis det er en eiendom i panelet, er dens motstykke funnet i Actionscript. Den dårlige nyheten er, Actionscript er stein, kald dum. Det har ikke en anelse, for eksempel hva en container er før du forteller det til å opprette en. Det vil ikke formatere tekst før du forteller det hva du skal gjøre. Det vil ikke engang sette teksten på scenen før den får beskjed om å gjøre det.
), hvor bred ledd ( SpanElement)
, om noen grafikk er innebygd i avsnittet ( InLineGraphicElement)
, om noe av teksten inneholder lenker ( Link Element
), og så videre. Ikke bare det, men den trenger å bli fortalt hva teksten blir lagt til beholderen slik at den kan håndtere linjelengden og legge til eventuelle barn ( addChild) Hotell som inneholder at formatering slik at brukeren kan faktisk se det .
protestere hvordan sin del av prosjektet skal forvaltes.
Trinn 1:. Nytt dokument
Trinn 2: Action
Var myDummyText: String = "Innføringen av Adobe CS5 produktlinje setter noen kraftige typografiske verktøy i hendene-spesielt, en ny API (Application Programming Interface) kalt Type Layout Framework (TLF) -og med som flere verktøy i Adobe line up nudge nærmere en sammenfletting punkt med Flash, er feltet av typografiske bevegelig grafikk på nettet i ferd med å flytte inn i område som har ennå å bli utforsket. Du starter som leting, du må forstå hva slags er i Flash, og like viktig, hva du kan gjøre med det å ære kommunikasjons budbringere av innholdet. ";
Trinn 3: Konfigurasjon ()
Var config: Configuration = ny konfigurasjon ();
Trinn 4:. TextLayoutFormat Class
Var charFormat: TextLayoutFormat = new TextLayoutFormat (); charFormat.fontFamily = "Arial, Helvetica, _sans"; charFormat.fontSize = 14; charFormat.color = 0x000000; charFormat.textAlign = TextAlign.LEFT; charFormat.paddingLeft = 100; charFormat.paddingTop = 100;
Trinn 5: textFlowInitialFormat
config.textFlowInitialFormat = charFormat;
Trinn 6: løpende mengde ord ()
Var løpende mengde ord: løpende mengde ord = new løpende mengde ord (config); Var p: ParagraphElement = new ParagraphElement (); Var span: SpanElement = new SpanElement (); span.text = myDummyText; p.addChild (span); textFlow.addChild (p);
neste konstruktør-ParagraphElement (). - Flash vesentlige forteller hvordan et avsnitt som skal håndteres. Det er bare én her, så det virkelig ikke trenger en parameter.
Trinn 7: ContainerController
textFlow.flowComposer.addController (ny ContainerController (denne, 500, 350)); textFlow.flowComposer.updateAllControllers ();
Trinn 8: Test
Importregnskap for Exercise
Import flashx.textLayout.elements .Configuration; import flashx.textLayout.formats.TextLayoutFormat; import flashx.textLayout.formats.TextAlign; import flashx.textLayout.elements.TextFlow; import flashx.textLayout.elements.ParagraphElement; import flashx.textLayout.elements.SpanElement; import flashx.textLayout.container.ContainerController;
er der for en grunn.
Den lokale datamaskinen: Flash Player ser for en kopi av biblioteket på den lokale maskinen det er å spille på. Hvis den ikke er der, leder det til Adobe.com
Adobe.com. Hvis ingen lokal kopi er tilgjengelig, vil Flash Player spørre Adobes servere for en kopi av biblioteket. Biblioteket, som Flash Player plug-in, har til å laste ned én gang per datamaskin. Etter det, vil alle etterfølgende SWF-filer som spiller på samme datamaskin bruke en tidligere nedlastet kopi av biblioteket. Om for noen grunn, kan det ikke ta tak i det der, vil det se i mappen som inneholder SWF
I mappen som inneholder SWF. Hvis Adobes servere er ikke tilgjengelig for en eller annen grunn, Flash Player utseende for biblioteket i webserveren katalogen der SWF filen ligger. Å gi denne ekstra nivå av backup, manuelt laste bibliotekfilen til webserveren sammen med SWF-fil. Vi gir mer informasjon rundt hvordan du gjør dette i kapittel 15.
The Giveaway!
Hvordan melder jeg meg? Anmeldelser
Send en tweet fra oppføringen side. For hver Twitter etterfølger som kommer inn via linken får du en ekstra oppføring.
Fyll ut informasjonen når du har gjort det. Det er alt!