Flash Builder for AS3 Developers

Flash Builder for AS3 Developers
Del
Del
Del
Del

Dette Cyber ​​mandag Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av

I forrige uke Adobe sluppet en beta for Flash Builder 4.; oppdateringen til Flex Builder 3. Det har vært mye diskusjon om navneendringen, men det er klart at Adobe ønsker å sortere ut den forvirring som Flex er et rammeverk og Flash er plattformen.

Å se hvordan jeg har brukt Flex Builder å skrive min Actionscript 3.0 prosjekter for over et år nå, jeg skjønte jeg ville fremheve noen av de nye funksjonene for å hjelpe alle dere Actionscript 3.0 Flash utviklere der ute ..


Dessverre, under mitt daglige arbeid jeg ikke kommer til å bruke Flex så mye. Med det i tankene jeg vil utelukkende fokusere på funksjoner som knytter flere til Actionscript 3.0 prosjekter, men først her er noen gode ressurser som snakker om Flash Builder 4 Flex 4-støtte:

Hva er nytt i Flash Builder 4 Beta

Hva er nytt i Flex 4 SDK

Oversikt over Flex 4 (Gumbo)

Flex SDK Open Source Wiki

Med Flex ting ut av veien, la oss hoppe rett inn funksjoner du kan bruke i din neste Actionscript 3.0 prosjekt.

Refactoring

Refactoring er en viktig del av utviklingen enhver applikasjon tallet. Refactoring refererer til døpe klasser og flytte dem rundt for å organisere og optimalisere underliggende koden struktur. Refactoring har alltid vært en verkebyll i Flex Builder men Flash Builder 4 legger til to nye kommandoer for å gjøre ting enklere.

Først ute er Rename. Dette gjør det mulig å endre navn på en variabel eller metode og alle referanser til dette elementet vil bli oppdatert. Dette er veldig viktig å ha, og jeg er glad for å se det har sin egen dedikerte menyvalg. Her er en rask eksempel på hvordan du bruker den..


    Finn en variabel eller metode du ønsker å endre navn

    Marker det og høyreklikk

    Velg refactor > Gi nytt navn.
  1. Fyll inn det nye navnet og traff fortsette.
  2. Alle filer med en henvisning til dette elementet vil bli endret og oppdatert.

    Neste opp er Move . Dette er viktig når du flytter en klasse fil fra én pakke til en annen. Dette faktisk eksisterte i Flex Builder 3, men i Flash Builder vil det faktisk endre navn klassens pakken til stedet den ble flyttet til. Dette er utrolig praktisk og et flott tillegg til redaktøren. Her er hvordan du bruker den.


      Høyreklikk på en klasse filen du ønsker å flytte

      Velg refactor > Flytt.
    1. Finn en destinasjon og traff fortsette.

      Package Explorer Updates

      Bortsett fra de oppdaterte ikoner, er pakken explorer nå enklere å lese og forstå. Det er også en veldig fin funksjon som lar deg utvide en fil og se alle metodene i det uten å måtte åpne den opp. Her er et eksempel:

      Nå standardpakkene er tydelig merket og alle under pakkene har forskjellige ikoner fra hovedpakke for å hjelpe tydelig se pakken hierarki bedre

      I tillegg til disse funksjonene, alle prosjekter nå. har det samme ikonet som Flash IDE, en rød boks med en F over det. Dette er Adobes måte minner deg om at alt er bygget for Flash, men jeg savner å se Flex og Action prosjekter klart å være visuelt annerledes.

      ASDoc Panel

      Det er nå en ny ASDoc panel som viser du kode dokumentasjon på eventuell variabel eller metode du markere. Hvis det er ingen kommentar å gå med den valgte artikkelen, vil du se en enkel beskrivelse av varen.

      Betinget break poeng

      Brytningspunkter er en stor ressurs i utviklingen i Flex Builder og denne funksjonen har blitt noe forbedret i Flash Builder. Betingede brytepunkter tillate deg å stoppe koden din når en bestemt betingelse er oppfylt. La oss si at du ønsker å teste når en Sprite går av skjermen? Nå kan du lage en pause punkt og ha det aktiveres når Sprite sin x er større enn stage.stageWidth.


        Lag en pause punkt.
      1. Høyreklikk på den og velg pause punktegenskaper.

        Velg aktiver tilstand.

        Kjør til en bestemt linje

        Dette gjør at du kan fortsette forbi en pause punkt til en bestemt linje av kode. Det er flott hvis du er i midten av stepping gjennom break poeng og ønsker å se bare en liten del av koden bli henrettet. Her er hvordan du kan gjøre dette:


          Lag en pause punkt

          Kjør Debugger til knekkpunktet er nådd

          Gå til linjen du ønsker å kjøre til.. , høyreklikk og velg Kjør til linje.

          Unit Testing

          Unit testing lar deg lage kodetester som validerer deler av søknaden din. De er veldig store i nesten alle språk, men er ny på Flash utvikling. Den grunnleggende ideen er at du skriver en enkel klasse å kjøre kode fra en annen klasse for å bekrefte at det var hell i stand til å utføre kommandoen. Enhetstesting er nå bygget inn i Flash Builder. Det gjør faktisk bruk av FlexUnit. Selv går inn hele oppsettet for enhetstesting er godt ut av omfanget av denne artikkelen vil jeg vise deg noen enkle trinn for å få den opp og kjører:


            Høyreklikk på Class deg ønsker å teste, velg Ny Testcase klasse og treffer neste

            Velg hvilken metode du ønsker å teste

            Når klassen er opprettet kan du høyreklikke på enheten testen klassen og velg "..; Utfør Unit Test ".

            Legg til din enhet test kode.

            Bruk Kjør eller Debug å utføre din app som en enhet test.

            Sette opp god enhet tester kan være komplisert og svært tidkrevende, men det er flott å se Flash Builder hjelpe automatisere så mye som mulig av dette. Forhåpentligvis enhetstesting Flash-applikasjoner vil bli et mer allment akseptert praksis.

            Maler

            Dette var en av de funksjonene jeg var virkelig ser frem til å se lagt til Flash Builder. Kode maler i Eclipse tillate deg å spare en kodebit og kaller det opp når som helst. Det er veldig nyttig når du setter opp for sløyfer eller repeterende stillas koden du trenger å skrive ut igjen og igjen. Dessverre er begrenset til opprettelsen av Class filer mal implementering

            Her er hvor du kan finne innstillingene for å oppdatere dem..


              Gå til Eclipse Preferences panel

              kategorien Unfold Flash Builder.

              Velg Fil Maler.

              Endre til hjertet ditt innhold.

              Spiller Targeting

              I Flex Builder 3 du ikke kunne målrette en bestemt versjon av Flash Player. Nå i Flash Builder kan du fortelle prosjekt for å bygge den eksakte versjonen av Flash Player du trenger. Det er også intelligent nok til å fortelle deg hva som er Flash Player 10.x.xxx bestemt vers Flash Player 9.x.xxx bestemt. Det er også en oppdatert Flex SDK 3.4 for Flash Player 9.xx Hvis du velger Flex SDK 4.0 du er låst inn i Flash Player 10.x.xxx. Her er hvordan du kan endre denne boligen.


                Høyreklikk på et prosjekt, og velg Project Properties

                Gå til kategorien Compiler (dette har et annet navn, avhengig av hva slags prosjekt du er i).

                Du kan velge Flex SDK versjon, så nedenfor som er en egenskap for Flash spiller valg for å endre den spesifikke versjonen du ønsker å bygge for.

                Dette er det samme som å sette -target- spiller = 10.0.0 i ekstra kompilator argumenter vinduet.

                Bugs, problemer og løsninger

                Jeg har lagt merke til noen problemer når du installerer Flash Builder 4 utenom det å være en beta og tenkte jeg skulle dele mine notater her:

                Hvis du er på en mac og prøver å installere subclipse du vil ikke komme veldig langt. Jeg fant dette flotte tutorial for å hjelpe deg gjennom å få det til å fungere.

                Når du får SVN oppsett og kassa et prosjekt med det nye prosjektet veiviseren som et bibliotek vil det ikke huske kilden banen du velger. For å gi deg et eksempel, når jeg sjekke ut Flash Camo og velg src som kilde hovedkatalogen jeg har fortsatt å gå inn i prosjektegenskaper, når det er sjekket ut, og så kan du velge kilden mappen og alle klassene. Dette skjedde i Flex Builder 3 også, og er fortsatt litt irriterende.

                Vil ANT støtte? Jeg vil foreslå å installere plugin versjon av Flash Builder siden det også installeres en ren kopi av Eclipse 3.4 (Ganymede). Du vil også få Java editor, men du kan bare ignorere det hvis du ikke har bruk for det. Mitt første inntrykk av den frittstående Flash Builder var at en masse gode ting ble strippet ut av deres egne Eclipse Build.

                Dette er ikke en feil, men mer av en observasjon mellom å opprette en Flex 4 prosjekt vs en Actionscript 3.0 prosjekt, og noe som alle utviklere bør ta hensyn til. Lag en standard Flex 4 prosjekt og en standard Actionscript 3.0 prosjekt deretter utføre en utgivelse bygge for hver og ta en titt på swf filstørrelsen. En standard Flex prosjekt uten kode er på 194k vs en standard Actionscript 3.0 prosjekt på 562 bytes. Nå selvfølgelig Flex prosjektet kommer til å være større siden den inneholder rammer, men starter på nesten 200k er en stor overlast hvis du ikke tar full nytte av rammeverket. Bare noe å tenke på neste gang du er specking ut et prosjekt, og hvilken teknologi du planlegger å bruke som kodebasen for prosjektet.

                For det meste, ser det ut til at alle de temaene jeg diskuterte i min Flash Developer Sandbox Tutorial (del 1 og del 2) vil fungere for deg i Flash Builder. Som jeg nevnte ovenfor, er det eneste problemet SVN. Så hvis du er ny på Flash Builder og ønsker å lære hvordan du setter opp en strømlinjeformet arbeidsflyt sjekk ut min tutorial.

                Closing Thoughts

                Det ser ut som Adobe har lagt noen flotte nye funksjoner til Flash Builder noe som gjør det til et enda bedre verktøy for å utvikle Flash prosjekter. Selv om flertallet av nye funksjoner ble plassert på Flex prosjekter jeg håper jeg har illustrert flere viktige forbedringer som Actionscript 3.0 utviklere kan dra nytte av. Som med alle programvareversjonen er det massevis av funksjoner folk ville ha likt å ha sett lagt til, men jeg er veldig fornøyd med hva som blir levert i denne beta. Med hard konkurranse fra FDT det blir vanskeligere å plukke en favoritt ennå. Enheten testing alene er en stor forbedring, og trolig den funksjonen jeg er mest begeistret for. Jeg gleder meg også til å spille med den nyere versjonen av Flex-rammeverket.

                Vennligst legg inn dine tanker, følelser, eller problemer under i kommentarfeltet. Takk for lesing.