Porta en applikation till iPhone med Flash CS5

Förra veckan såg en väldigt stor utveckling i förhållandet mellan Apple och Adobe. Flash är tillbaka i iPhone-bilden. I den här handledningen visar jag dig hur man konverterar en existerande Flash-film till en iPhone-applikation med Flash Professional CS5.


Steg 1: Välj en Flash-app

Det första du behöver göra är att välja det program du vill ha. I det här exemplet jobbar vi med Digital Clock-appen som vi skapade i en annan ActiveTuts + handledning.


Steg 2: Skapa en ny iPhone OS-fil

Starta Flash CS5 och skapa ett nytt iPhone OS-dokument.


Steg 3: Landskap

Som du kan se är standardstorleken 320x480 px, vilket är iPhone fullskärmsupplösning i stående läge (det här håller iPhone vertikalt).

Denna applikation har dock ett landskapsformat och det ser inte bra om vi anpassar gränssnittet till porträtt. Din första instinkt är förmodligen att rotera gränssnittet 90 ° och bygga appen så. Det kommer att fungera, men det kommer bli mycket svårt och du kommer förmodligen att sluta med nacksmärta. Av denna anledning innehåller Flash CS5 ett publiceringsalternativ för att göra iPhone-applikationen i liggande läge.

Ställ in scenstorleken till 480x320 px och fortsätt med nästa steg. Vi ser hur du ställer in appen till landskapsläget i steg 10.


Steg 4: Gränssnitt

För att ansluta gränssnittet, är det enkelt att kopiera och klistra in. Ja, det är så enkelt!

I de flesta fall behöver du dock optimera grafiken, vilket innebär storlek, anpassning och balans mellan vektorer och bitmappar. Eftersom vi använder enkel grafik fokuserar vi på inriktningen och storleken på elementen.


Steg 5: iPhonejusteringar

Den ursprungliga applikationsstorleken matchar inte iPhone-storleken, så det första du behöver göra är att ändra bakgrundsstorleken så att den passar scenen.

Den aktuella storleken på klocktexten ser för liten ut i iPhone, väljer den och ändrar storleken till 120px.


Steg 6: Klassfil

Kopiera och klistra in klassfilen till källkatalogen, inga ändringar behöver göras till den här filen.


Steg 7: Dokumentklass

Kom ihåg att lägga till klassnamnet i klassfältet i avsnittet Publicera i fönstret Egenskaper.


Steg 8: Test för fel

Nu kan du testa din film för att se om allt fungerar som avsett.


Steg 9: Inställningar för iPhone OS

Här kommer den del du är intresserad av; iPhone-delen.

Nu har du en perfekt fungerande Flash-film, det är dags att konvertera det till en iPhone-applikation. Gå till Egenskaper panel, Publicera sektion och tryck på Inställningar för iPhone OS knapp.


Steg 10: Allmänt

Nu kommer du in i ett fönster fullt av inställningar. Dessa inställningar är:

  • Utdatafil: Namnet på den ipa-filen som kommer att skapas, det här kan vara vad du vill.
  • App-namn: Namnet som visas i din iPhone under ikonen.
  • Version: Den aktuella versionen av ansökan; Du måste redigera detta på varje test för att iTunes ska uppdatera appen framgångsrikt.
  • Bildförhållande: Visningsläge för din app.
  • Fullskärm: Döljer toppraden (signal, bluetooth, wifi, batteri osv.).
  • Automatisk orientering: Används accelerometern för att ändra orienteringen utan att skriva kod.
  • Tolkning: Ett mycket viktigt alternativ, med hjälp av gpu för återgivning i komplexa grafikprogram, ökar prestanda mycket.
  • Inkluderade filer: Filerna som ska ingå i din app. Om du laddar innehåll från en XML, TXT eller någon annan källa bör du lägga till dessa filer här.

Steg 11: Starta bild

Varje iPhone-applikation visar en bild vid lanseringen medan du laddar ner det väsentliga för att visa appen. Den här bilden är Default.png fil som vi inkluderade i steg 10. Det rekommenderas att visa samma skärm som appen kommer att visa när den är fullt laddad, men du kan använda den för att visa företagets logotyp, ladda bildskärm, titelskärm eller annan användbar information.

Bilden måste vara 320x480 Det spelar ingen roll om du arbetar i liggande läge.


Steg 12: Distribution

För fliken Distribution måste du vara medlem i iPhone-utvecklarprogrammet och följa anvisningarna i provisionportalen för att få nödvändiga filer för att kompilera din ansökan.


Steg 13: Certifikat

Det finns tre olika typer av certifikat. Den första är Apple Worldwide Developer Certificate (WWDC). Certifikatet är sammansatt tillsammans med ett av de andra två certifikaten: antingen ett utvecklarcertifikat eller ett distributionscertifikat. Dessa används för att testa applikationer och distribuera till respektive Apple Store.


Steg 14: Provisionsprofil

Provisionsprofilen är i princip en fil som anger vilken applikation vi testar och vilka enheter kan vi testa på.


Steg 15: App ID

En identifierare av din ansökan, varje ansöknings-ID krävs för att ha sin egen unika namnrymd som ser ut som något com.yourcompany.YourApp. Detta genereras också på utvecklarprogrammets webbplats och ingår i din preliminära profil.


Steg 16: Distributionstyp

Välj ett alternativ beroende på vilken typ av certifikat och provisioning-profil du arbetar med. Ett utvecklarcertifikat kan användas för Snabb publicering och ett distributionscertifikat behövs för distribution. Med denna typ av certifikat skapas en app som är redo att skickas till appbutiken.


Steg 17: Ikoner

Nästa är en enkel, ikonen fliken.

Tre storlekar av ikoner måste användas 29x29px, 57x57px (detta är ikonen som visas i enheten) och 512x512px. Oroa dig inte för de runda hörnen, kommer iTunes automatiskt att generera dem.


Steg 18: Publicera

När du är klar fyller inställningarna trycker på Publicera knappen visas en statusfält som visar återstående tid. Den tid det tar beror på din ansökan och de filer som ingår. Dessutom behövs mer tid när man publicerar för distribution.


Steg 19: Enhetsprovning

En .ipa-fil skapas i din källkatalog, dra den eller dubbelklicka på den för att öppna i iTunes. Du kommer att se ikonen för din app med de andra programmen.

Synkronisera din iPhone och gör dig redo att köra din nya app!


Steg 20: Skicka in app

Om du är klar att porta din föredragna ansökan till iPhone och vill dela den med resten av världen, kan du skicka in den till App Store. Logga in på iTunes Anslut och följ de guidade instruktionerna.


Slutsats

Nu vet du hur lätt det är att utveckla iPhone-applikationer med Flash Pro CS5, börja skapa din egen!

Jag hoppas att du gillade den här handledningen, tack för att du läste!