Forhåpentligvis du er en langsom leser og nå har lastet ned en kopi av Flex Builder. Hvis ikke, gjør når du er klar til å installere det

Trinn 4:. Installere Flex Builder

Bare installere Flex Builder med standardinnstillingene. Ikke bekymre deg, vi skal tilpasse mye når den er installert. Når Flex Builder er ferdig installert, åpne den opp - la oss ta det for et spill

Trinn 5: Forstå Arbeidsområdet

Arbeidsområdet er den viktigste katalogen der Eclipse lagrer viktige data, for eksempel innstillinger. enhver tilpasning du gjør til redaktørene, samt noen usynlige meta data filer den trenger for å kjøre. Hver arbeidsplass er en selvstendig utviklingsområde. Dette gjør at du kan sikkerhetskopiere arbeidsområdet og flytte den til en annen datamaskin, men beholde alle innstillinger og konfigurasjoner du har satt opp.

Eclipse bruker også arbeidsområdet til å lagre dine prosjekter. Flex Builder oppretter automatisk dette arbeidsområdet for deg i Dokumenter-mappen. Det bør bli kalt "Flex Builder 3" og for akkurat nå trenger ikke bekymre deg for å døpe arbeidsområdet. Selv om du opprette din egen arbeidsplass, skaper Flex Builder automatisk Flex Builder 3 arbeidsområde, så du er slags fast med måten den automatisk blir satt opp. Forhåpentligvis vil dette endre seg med fremtidige versjoner av Flex Builder.

Som vi begynner å lage vår Action prosjekter de vil automatisk bli satt opp i arbeidsområdet. Du kan ha brukt din egen mappestruktur for å organisere tidligere prosjekter, men det er nå hvordan Flex Builder håndterer det. Alle prosjekter sitte i roten av mappen arbeidsområdet. Vi vil bruke andre teknikker for å organisere disse prosjektene, men å forstå at alt går i en enkelt arbeidsplass er en vanskelig ting å svelge først. Det er mulig å sette prosjektene dine hvor som helst på datamaskinen, gjør de ikke alltid å sitte i mappen arbeidsområde, men å holde ting organisert sitt beste for å følge dette oppsettet

Trinn 6:. Tweaking Innstillinger

Nå som Flex Builder er åpen, vi ønsker å justere noen innstillinger. Gå til Flex Builder > Menypreferanser på Mac OS X eller Windows gå til Vindu > Preferanser.

Når du er i Innstillinger, brette "Generelt" Tab og gå til "Taster".

Dette området håndterer alle de korte cut nøkler og hvordan å kalle dem. Nedenfor er et diagram av nøklene jeg satt opp og en kort beskrivelse av hva de gjør.
CommandDescriptionKeyDebug Sist LaunchedI bruke dette til å feilsøke programmene mine. Siden jeg vokste vant til Flash kommando + Return å kjøre en film, jeg pleier å kartlegge denne funksjonen til at nøkkelen sette opp. Dette kan du feilsøke det siste programmet du har lansert (jeg vil forklare Kjører og Kompilering litt senere). Denne funksjonen jeg kart til Command + Avkastning siden det ikke er satt opp til at ved default.Command ReturnRun Sist lansert * Valgfritt * Hvis du ikke ønsker å bruke Debug Player når du kompilere Flash app, kan du bruke denne som din misligholde bygge bærerakett. Det vil lansere prosjektet i en standard nettleser uten debug kode og vil ignorere alle stoppunkter. Du bør ikke kart "Debug Sist lansert" og "Run Siste lansert" til samme nøkkel. Når du bruker begge, jeg har en tendens til å kartlegge Run Sist lansert Shift + Command + ReturnShift + Command + Return * Slett lineTo Slette en hel linje med kode bare trykke Command + D.Command + DFind og ReplaceThis er en standard Søk og erstatt i et dokument .Command + FFind i FileThis er en kraftig Søk og erstatt typen funksjon som lar deg søke på tvers av flere files.Shift + Command + FLine EndJumps til slutten av line.Command + Høyre ArrowLine StartJumps til begynnelsen av et line.Command + DMove Lines opptak et utvalg av linjer og flytte dem opp. Dette er nyttig når organisere koden eller endre rekkefølgen av handlinger i en gitt method.Command + Up ArrowMove Lines DownTake et utvalg av linjer og flytte dem down.Command + Ned ArrowNext PerspectivePerspectives representerer ulike typer Editors eller områder av funksjonalitet i Flex Builder. Tenk deg å gå fra Action redaktør for debugger til SVN repository explorer. Hver av disse er en annen type perspektiv og har sin egen samling av aktuelle vinduer. Jeg pleier å tenke på dette en søknad switcher innsiden av Eclipse. Jeg bruker dette mye, og følte det var bedre å endre standardtastene til noe lettere å call.Shift + Command + Høyre Arrow.Previous PerspectiveSee Neste Perspektiv beskrivelsen ovenfor. Jeg endre standard nøklene til following.Shift + Command + Venstre Arrow.Organize ImportsI hadde nevnt før at Flex Builder vil hjelpe deg å holde styr på Import. Vel, dette er snarveien til å gjøre det. Flex Builder vil automatisk fjerne alle pakker som ikke er nødvendig, og endre rekkefølgen brukte import basert på deres prioritet og kilde package.Shift + Command + OSave AllWhen du har flere dokumenter åpne, og du må redde dem alle til å gjøre en bygge, bruke this.Shift + Command + OTO Nedre CaseUse dette til å konvertere et utvalg til lavere-case text.Shift + Command + Yto Øvre CaseUse dette til å konvertere et utvalg til store bokstaver text.Shift + Command + XWord CompletionProbably den mektigste kommandoen i Flex Builder. Dette krever en auto komplett meny basert på det du har skrevet i. Hvis du skulle skrive ut "Spr" og kaller ordet ferdigstillelse vil det dukke opp en meny med Sprite (og noen få andre nære kamper) for deg å velge fra. Når du gjør et valg, vil Flex Builder også forsøke å importere klassen for deg. Tilpassede klasser vil også dukke opp i denne menyen sammen med den innebygde klasser Flash Player støtter. Jeg kan ikke leve uten denne! Control +.

For en fullstendig liste over Short Cuts (Mac-sentriske) sjekk ut denne flotte innlegget fra Elrom Design blogg.

Så det dekker noen av de viktigste snarveier, men hva om konfigurering av Flex Plugin? For at la oss se på Flex alternativet i vinduet Innstillinger. Her kan du endre alle typer innstillinger, for eksempel hvor mye plass for faner, hvordan koden din er formatert og farget, samt hva SDK å bruke. Jeg pleier å bruke den nyeste versjonen som standard min og senere vil jeg vise deg hvordan du bruker den nye Flash Player 10 SDK

Før vi forlater denne menyen, la oss sjekke ut en siste ting.; den "Editors" under "Generelt". Du kan tilpasse hvordan filer åpnes og redigeres i filtilknytninger delen. Flex Builder leveres med et standard sett med redaktører som dekker tekst (.txt), Action (.as), CSS (CSS) samt FLAS (FLA). Hvis du ønsker å endre standard redaktører forbundet med en bestemt type fil, er dette stedet å gjøre det.

Nå skal vi ha en helt konfigurert Flex Builder. Det er på tide å snakke om hvordan vi kan utvide Flex Builder gjennom plugins

Trinn 7:. Installere Plugins

Siden Flex Builder er bygget på toppen av Eclipse, kan vi dra nytte av noen gode Eclipse plugins allerede ute. Plugins legge til manglende funksjoner og redaktører til å bidra til å forlenge kjernen programmet. Her er en liste over Plugins jeg bruker:

Stavekontroll: Alle som har lest bloggen min vet at jeg ikke er den beste på staving. Det er viktig at jeg har noen form for stavekontroll i noen editor jeg bruker. Selv om dette er langt fra perfekt, betyr det minst vise meg hvor jeg gjør en foool av meg selv.

Før vi begynner å installere plugins, la oss snakke om versjonskontroll

Trinn 8:.. Versjonskontroll

Dette er ikke en Flex Builder bestemt emne, men en arbeidsflyt og livreddende verktøy. Versjonskontroll er en måte å håndtere endringer i dokumentene. Hver gang du "begå" en fil til Versjonskontroll Repository endringene lagres. Når du trenger å gå tilbake og sammenligne hva du gjorde før, er du i stand til å gå tilbake gjennom historien til dokumentet for å sammenligne revisjoner og endringer.

Hvis du ikke bruker Version Control du går glipp av en utrolig livreddende verktøy. Hvor mange ganger har du vært på febrilsk prøver å fikse en feil øyeblikk før et område er ment å gå live, lagre og kompilere programmet om og om igjen. Til slutt får du et sted hvor du ikke husker hvordan du skal gå tilbake - og angre ikke fungerer. Versjonskontroll er svaret. Også når man jobber i et team, administrerende endringer på tvers av flere filer og forskjellige utviklere er mye enklere med versjonskontroll.

Dessverre går inn i detaljene for versjonskontroll er ute av omfanget av denne opplæringen, men her er en liste over de mest vanlige som brukes.

CVS Dette er den første versjonskontrollsystemet jeg noensinne har brukt og er fortsatt svært populær. CVS støtte innebygget i Eclipse.

For denne opplæringen vi skal bruke SVN. Det er en virkelig flott Version Control-systemet, og som du vil se senere, den som Google Code tilbyr gratis

Trinn 9:. Installere SVN Plugin

Flex Builder leveres med støtte for CVS bygget i, men vi kommer til å bruke SVN. . For å gjøre dette vi kommer til å trenge en plugin

La oss gå til SubClipse nettsted og sjekk ut de installerer instruksjoner:

De fleste Eclipse plugins er installert via hjelpemenyen. La oss fikk til Hjelp > Software Updates > Finn og installer ...

Neste, vi velger "Søk etter nye funksjoner for å installere" og trykk neste:

Klikk på "New Remote Site ..." og nå må vi leverer et navn for tilkoblingen samt banen til plugin:
Navn: Subclipse 1.4.x (Eclipse 3.2+) URL: http://subclipse.tigris.org/update_1.4.x

After klikke på OK, vil du bli brakt tilbake til Installer vindu med Subclipse valgt. Klikk på "Finish" for å starte installasjonsprosessen:

Her er der moroa begynner! Følg nøye med på de pakkene jeg har valgt. Noen av deler av denne plugin vil ikke med med den frittstående versjon av Flex Builder. For å spare deg bryet med å finne ut hva som fungerer og hva som ikke gjør det, har jeg gjort følgende valg for deg. Ikke bekymre deg, er du ikke mangler noe du ikke trenger. Vi er ganske enkelt å velge den grunnleggende oppsett for å få deg opp og kjører.

Neste må du lese hele programvareBrukerAvtale og klikk neste.

Etter det, klikk finish og du bør være på vei til å laste ned plugin

Når det er lastet ned må du velge "Install All" fra Feature verifiseringsvinduet.

Og det er det. Bare velg Ja for å starte Eclipse og belastning i den nye SVN Plugin.

Så vi har installert vårt første Eclipse Plugin. Det var ikke dårlig, men ikke den mest brukervennlige prosesser. De fleste plugins gi deg tilsvarende instruksjoner om hvordan du installerer dem. Du kan også dra på en plugin til din Flex Builder app mappen og legg den i plugins-mappen. Et par av de eldre plugins fungerer på den måten, så sørg for at du alltid lese readme.txt følger med hver nedlasting

Trinn 10:. Sette opp en SVN Repo

Vi kommer til å ønsker å sette opp en ny SVN Repository. Denne prosessen kan være utfordrende for folk som ikke er kjent med å bruke kommandolinjen så kan hoppe sette en opp fra bunnen av og se på Google Code. Google-koden er en flott funksjon av Google.com. Ikke bare kan du finne alle slags åpen kildekode-prosjekter og biblioteker, men du kan også være vert for dine egne prosjekter også. Etter å ha arbeidet som Open Source er ikke bare bra for miljøet, men gjør at du kan ha andre del i det arbeidet du oppretter.

La oss komme i gang med å lage ditt eget prosjekt på Google Code. Du trenger en Google-konto for å sette dette opp.

Når du oppretter et nytt prosjekt du kommer til å bli bedt om å fylle ut litt informasjon om prosjektet.

Som du kan se, Jeg har fylt ut alt inkludert plukke en lisens (jeg pleier å bruke MIT, men du kan lese opp på hver de som tilbys). Jeg har også lagt nøkkelord for å hjelpe folk med å finne mitt prosjekt.

Nå som du har opprettet prosjektet ditt, vil du bli presentert med prosjektets hjemmeside. Dette nettstedet er i utgangspunktet en wiki, slik at du kan redigere hjemmesiden din innhold, legge til i undersider og i utgangspunktet kjøtt ut prosjektet ditt som om det var en vanlig nettside. Her er et eksempel på min Flash Camouflage er Google Code Page for å få et inntrykk av hvordan det kan settes opp.

Den siste tingen du må ta til etterretning er banen til SVN Repo. Du finner det under Source > Sjekk ut. Du skal se noe som ligner på følgende, men med ditt brukernavn og prosjektnavn:
# Prosjektmedlemmer autentisere over HTTPS å tillate begå changes.svn kassa http://flashbums-demos.googlecode.com/svn/trunk/flashbums-demoer --username jessefreeman # Ikke-medlemmer kan sjekke ut en skrivebeskyttet arbeidskopi anonymt over HTTP.svn kassa http://flashbums-demos.googlecode.com/svn/trunk/flashbums-demoer-read-only < p> For nå holde et mentalt notat av disse, vi vil bruke dem senere

Trinn 11:. Sette opp en SVN Repository beliggenhet

Sjekk ut "av koden. SVN er vanligvis satt opp med 3 mapper, stammen, greiner, og koder. La oss se på hva hver enkelt gjør:

trunk Dette er det viktigste området der vi holder vår kode. Trunk representerer gjeldende stabil oppbygging av et prosjekt og er vanligvis hva som kjører på en produksjonsserver.

Her er en stor ressurs for å lære mer om versjonskontroll.

Siden sjekker ut et tomt prosjekt er ikke morsomt, la oss gå til http://code.google.com/p/tweener/source/checkout og sjekke ut en kopi av "Tweener". Tweener er en utmerket animasjon bibliotek for Actionscript 2 & 3. Vi kommer til å trenge følgende svn checkout url http://tweener.googlecode.com/svn/trunk/. La oss gå inn Eclipse og åpne SVN Explorer. Du kan gjøre dette ved å åpne Window > Perspektiv > Annet og velg "SVN Repository Exploring" perspektiv.

Nå bør du se en SVN Resurser vindu og fanen valgt på venstre side. Innholdet i dette vinduet vil være tom, siden vi ikke har noen repositories satt opp ennå. Høyreklikk i det hvite området i vinduet og velg New > Repository Location ... fra hurtigmenyen som dukker opp.

Du vil bli presentert med en url-feltet, så lime inn i banen til Tweener sin svn trunk http://tweener.googlecode.com/svn/trunk /og traff finish. Siden dette er en offentlig sjekk ut (som betyr at du kan ikke lagre endringer tilbake til svn repository) vil du ikke bli spurt om passord.

Det du går, har du bare sette opp din første SVN repository i Flex Builder ! Du bør se følgende:

Mens du er på det, kan det være lurt å sette opp disse andre kule Google Code prosjekter også:

gmaps-utility-bibliotek-flash Google Maps API for Flash Utility Library

gskinner En samling av offentlige AS3 klasser utgitt under MIT Licensing ved gskinner.com

monsterdebugger Debugger for Flash /Flex /AIR utviklet av design studio De Monsters. Anmeldelser
Papervision 3d Open Source realtime 3D-motor for Flash

Flash Camouflage Flash Camouflage er en skinning rammeverk for AS 3 Applications

as3corelib Actionscript 3.0 bibliotek for flere grunnleggende verktøy

Trinn 12: Sjekke ut et prosjekt fra SVN

Nå som vi har Tweener satt opp i vår SVN Repository Explorer, la oss sjekke det ut. Før vi får altfor begeistret, la oss brette depotet og se hva som er i det første. Du kan gjøre dette ved å høyreklikke på depotet og velge "kassen" fra kontekstmenyen:

Når du sjekker ut noe fra SVN, vil Flex Builder presentere oss med et prosjekt veiviser. For Tweener vil vi ønske å velge "Sjekk ut som et prosjekt i arbeidsområdet", endre navnet til "Tweener" og deretter Finish:

Tweener er et spesielt eksempel på en SVN kassen. Siden den inneholder, AS 2 og 3 src bibliotekene, sammen med eksempler og dokumentasjon, vi kommer ikke til å være i stand til å snu dette til en sann delt bibliotek. Du kan velge å bare sjekke ut AS3 mappen som sitt eget prosjekt, men for denne delen av eksempelet vi skal la det som en generisk prosjekt. Jeg skal gå inn på delte bibliotekene i neste trinn, men først må vi sjekke ut en mer prosjekt

La oss få en kopi av Flash Camouflage versjon 2. Sett opp en ny repo med følgende info:.
SVN url: http://flash-camouflage.googlecode.com/svn/tags/FlashCamo_2.0.0_beta

Notice hvordan vi sjekker ut en bestemt kode av Flash Camo. Dette sikrer at etter hvert som prosjektet utvikler seg, og endringene vil du fortsatt være i stand til å bygge seg en stabil versjon som vil forbli uendret. Sjekk ut repo og velg "Sjekk ut som et prosjekt konfigureres ved hjelp av den nye Project Wizard".

Nå skal vi se New Project-vinduet. Herfra går inn i Flex Builder mappen, velg "Flex Library Project" og klikk Neste:

Nå la oss gi vårt prosjekt et navn; "FlashCamo2" og klikk neste.

Nå som vi har valgt Flex bibliotekprosjektet, må vi la veiviseren vet hvor koden er for dette biblioteket. Jeg har alltid satt min kode i en src mappe, så la oss sjekke dette alternativet og trykk Finish

På dette tidspunktet vil du få opp en dialogboks for å bytte til et nytt perspektiv. Flex Development Perspective er der du skal gjøre alle dine koding. Klikk Ja for å fortsette.

Du kan få følgende advarsel.

Bare overse det, og klikk OK. Når et prosjekt er satt opp av veiviseren det noen ganger skaper noen standardfilene som kan bli overstyres av prosjektet du sjekker ut. Dette er normalt, bør du alltid la kassa for å overstyre standardfilene satt opp av prosjektet veiviseren. Nå prosjektet bør være å laste ned til din datamaskin. Når det er gjort vil du være i Flex Development perspektiv

Vi har endelig sjekket ut to prosjekter fra SVN. Nå la oss snakke om delte biblioteker og hvordan de fungerer

Trinn 13:. Delte biblioteker

I Flex Builder er det to typer delte biblioteker; kataloger på datamaskinen som inneholder kode (disse vil mest sannsynlig sitte inne i en av dine prosjekter) og Flex bibliotekprosjekter. La oss snakke om en bibliotekprosjektet først.

Ikke bli forvirret av navnet, er en Flex bibliotekprosjektet ikke bare for Flex, men en fin måte å pakke opp koden for ethvert AS tre prosjekt. I utgangspunktet vil en Flex bibliotekprosjektet pakke opp koden du plasserer i kilden katalogen og kompilere en SWC i bin-katalogen for deg. En SWC er en zip-lignende fil som inneholder en catalog.xml, Actionscript-filer, SWF, og noen få andre filer.

SWCs har eksistert siden MX 2004 og er en utmerket måte å kompilere kode biblioteker å bygge off i andre prosjekter. Det var tidligere kun mulig å lage SWCs i Flash IDE (det var et alternativ i "Publish innstillinger" panel), men Flex Builder vil automatisk samle dem for deg hvis du arbeider i en Flex bibliotekprosjektet. Det er viktig å merke seg at du ikke kan laste SWCs inn flash under kjøring, og de trenger ikke å inneholde bare kode. Jeg har brukt SWCs å importere eiendeler som vektorer fra flash og skrifter i mine Action prosjekter.

I trinn 12 sjekket vi ut to kodebiblioteker fra svn. Vi kommer til å se på hvordan å konvertere Flash Camo til en SWC. Sørg for at du er i Flex Development Perspective. Du kan bytte perspektiv når som helst i øvre høyre hjørne av Flex Builder.

Nå er en fin tid å gå over den grunnleggende utformingen av Flex Development Perspective. På venstre vil du se en fane som heter "Flex Navigator". Dette vil vise alle dine prosjekter, det kan du utforske filene i hvert prosjekt, og gir deg et innblikk i hva som skjer i ditt arbeidsområde. Nedenfor som er "Outline" vinduet. Når du har klasser åpne vil du se en praktisk liste over variabler, funksjoner og andre klassen informasjon. Dette er kontekstuell til hver fil du har åpnet og arbeider i.

I midten er din hovedvinduet. Akkurat nå kan du se en "Velkommen til Flex" -vinduet. Legg merke til hvordan dette er bare en åpen fane, kan du lukke dette og åpne noen kode filen fra Flex Navigator. Under hovedvinduet er noen andre kategoriene. Den eneste jeg ønsker å gå over nå er "problemer" -kategorien. La oss ta en titt:

Som du kan se, Flex Builder automatisk forsøker å advare deg om noen feil i koden. Du kan se fra Resources kolonnen at prosjektet med problemet er FlashCamo2 og feilen er:
Alvorlighetsgrad og beskrivelse Sti Resource Beliggenhet tid for oppretting Idnothing ble spesifisert til å bli inkludert i biblioteket FlashCamo2 Ukjent 1238534136480 en

Dette er en enkel feil å fikse, men en som kan stresse deg ut hvis du ikke vet hva som skjer. Noen ganger når du setter opp et bibliotek banen til src kode ikke blir riktig innstilt slik at du ser "ingenting ble spesifisert til å bli inkludert i biblioteket". For å fikse dette må vi høyreklikke på FlashCamo2 prosjektet i Flex Navigator og gå ned til bunnen for å velge Egenskaper. Du bør se et vindu som dette:

"Project Properties" vinduet inneholder alle innstillinger og konfigurasjoner for hvert prosjekt. Takk for lesing!