Portarea unei aplicații pe iPhone utilizând Flash CS5

Săptămâna trecută a apărut o dezvoltare foarte semnificativă în relația dintre Apple și Adobe. Flash-ul este din nou în imaginea iPhone. În acest tutorial, vă voi arăta cum să convertiți un film Flash existent într-o aplicație iPhone folosind Flash Professional CS5.


Pasul 1: Alegeți o aplicație Flash

Primul lucru pe care trebuie să-l faceți este să selectați aplicația pe care doriți să o portați. În acest exemplu, vom lucra cu aplicația Ceas digital creată în alt tutorial ActiveTuts +.


Pasul 2: Creați un nou fișier de sistem de operare iPhone

Lansați Flash CS5 și creați un nou document iPhone OS.


Pasul 3: Peisaj

Dupa cum puteti vedea, dimensiunea stadiului implicit este de 320x480 px, ceea ce reprezinta rezolutia ecranului iPhone in modul portret (acest lucru tine exploatarea iPhone verticala).

Cu toate acestea, această aplicație are un format Peisaj și nu va arăta bine dacă adaptăm interfața la Portret. Primul dvs. instinct este probabil să rotiți interfața cu 90 ° și să construiți aplicația în acest fel. Acesta va funcționa, dar va fi foarte dificil și probabil veți ajunge la dureri de gât. Din acest motiv, Flash CS5 include o opțiune Publicare pentru a face aplicația iPhone în modul peisaj.

Setați dimensiunea scenei la 480x320 px și continuați cu pasul următor, vom vedea cum să setăm aplicația în modul Peisaj în etapa 10.


Pasul 4: Interfața

Pentru a porni interfața, va fi suficientă o copie și un pas simplu. Da, este atât de simplu!

Cu toate acestea, în majoritatea cazurilor va trebui să optimizați grafica, care implică dimensiunea, alinierea și echilibrul între vectori și bitmap-uri. Deoarece utilizăm grafică simplă, ne vom concentra pe alinierea și dimensiunea elementelor.


Pasul 5: ajustările iPhone

Dimensiunea originală a aplicației nu se potrivește cu dimensiunea iPhone-ului, deci primul lucru de făcut este să modificați mărimea fundalului pentru a se potrivi scenei.

Dimensiunea curentă a textului ceasului va arăta prea puțin în iPhone, selectați-o și schimbați dimensiunea la 120px.


Pasul 6: Fișier de clasă

Copiați și lipiți fișierul de clasă în directorul sursă, fără a fi nevoie să faceți modificări acestui fișier.


Pasul 7: Clasa de documente

Nu uitați să adăugați numele clasei în câmpul Clasă în secțiunea Publicare din panoul Proprietăți.


Pasul 8: Testați pentru erori

Acum puteți testa filmul pentru a vedea dacă totul funcționează conform destinației.


Pasul 9: Setările OS pentru iPhone

Aici vine partea care vă interesează; partea iPhone.

Acum aveți un film Flash care funcționează perfect, este timpul să îl convertiți într-o aplicație pentru iPhone. Mergeți la Panoul Proprietăți, Publica și apăsați tasta iPhone OS Settings buton.


Pasul 10: Generalități

Veți introduce acum o fereastră plină de setări. Aceste setări sunt:

  • Fisier de iesire: Numele fișierului ipa care va fi creat, acesta poate fi orice vreți.
  • Numele aplicatiei: Numele care va fi afișat în iPhone sub iconița.
  • Versiune: Versiunea curentă a aplicației; trebuie să editați acest lucru la fiecare test pentru iTunes pentru a actualiza aplicația cu succes.
  • Aspect Ratio: Modul de vizualizare a aplicației dvs..
  • Ecran complet: Ascunde bara de informații de top (semnal, bluetooth, wifi, baterie etc.).
  • Orientare automată: Utilizează accelerometrul pentru a schimba orientarea fără a scrie cod.
  • Redare: O opțiune foarte importantă, folosind gpu-ul pentru redarea în aplicații grafice complexe, va crește performanța.
  • Fișiere incluse: Fișierele care vor fi incluse în aplicația dvs. Dacă încărcați conținut dintr-un XML, TXT sau orice altă sursă, trebuie să adăugați acele fișiere aici.

Pasul 11: Lansați imaginea

Fiecare aplicație iPhone afișează o imagine la lansare în timp ce încarcă componentele esențiale pentru a afișa aplicația. Această imagine este Default.png fișierul pe care l-am inclus în pasul 10. Este recomandat să afișați același ecran pe care aplicația îl va afișa când este încărcat complet, dar îl puteți utiliza pentru a afișa logo-ul companiei, ecranul de încărcare, ecranul de titlu sau orice alte informații utile.

Imaginea trebuie să fie de 320x480, nu contează dacă lucrați în modul peisaj.


Pasul 12: Implementare

Pentru fila Deployment, va trebui să fii membru al Programului pentru dezvoltatori iPhone și să urmezi instrucțiunile din Portalul de furnizare pentru a obține fișierele necesare pentru a-ți compila aplicația.


Pasul 13: Certificate

Există trei tipuri diferite de certificate. Primul este certificatul Apple Worldwide Developer (WWDC). Acest certificat este compilat alături de unul dintre celelalte două certificate: fie un certificat pentru dezvoltator, fie un certificat de distribuție. Acestea sunt folosite pentru testarea aplicațiilor și implementarea lor în Apple Store, respectiv.


Pasul 14: Profilul provizionului

Profilul Provisioning este în esență un fișier care precizează ce aplicație testează și pe ce dispozitive le putem testa.


Pasul 15: ID-ul aplicației

Un identificator al aplicației dvs., fiecare identificator de aplicație trebuie să aibă propriul spațiu de nume unic care arată ceva asemănător com.yourcompany.YourApp. Acesta este, de asemenea, generat în site-ul programului de dezvoltatori și inclus în profilul dvs. de prestare.


Pasul 16: Tipul de implementare

Selectați o opțiune în funcție de tipul de certificat și profilul de provizionare cu care lucrați. Un certificat de dezvoltator poate fi utilizat pentru ediția rapidă și este necesar un certificat de distribuție pentru implementare, folosind acest tip de certificat va crea o aplicație gata de a fi trimisă la magazinul de aplicații.


Pasul 17: Icoane

Următorul este unul simplu, fila Icons.

Trei dimensiuni de icoane trebuie să fie utilizate 29x29px, 57x57px (aceasta este pictograma afișată în dispozitiv) și 512x512px. Nu vă faceți griji cu privire la colțurile rotunde, iTunes le va genera automat.


Pasul 18: Publicați

După ce terminați completarea setărilor, apăsați pe Publica , apare o bară de progres care arată timpul rămas. Timpul necesar depinde de aplicația dvs. și de fișierele incluse. De asemenea, este nevoie de mai mult timp când publicați pentru implementare.


Pasul 19: Testarea dispozitivelor

Un fișier .ipa va fi creat în folderul dvs. sursă, trageți-l sau faceți dublu clic pe el pentru a fi deschis în iTunes. Veți vedea pictograma aplicației dvs. împreună cu celelalte aplicații.

Sincronizați-vă iPhone-ul și pregătiți-vă pentru a rula noua aplicație!


Pasul 20: Trimiteți aplicația

Dacă ați terminat de pornit aplicația preferată pe iPhone și doriți să o partajați cu restul lumii, o puteți trimite la App Store. Conectați-vă la iTunes Connect și urmați instrucțiunile ghidate.


Concluzie

Acum știți cât de ușor este să dezvoltați aplicații iPhone utilizând Flash Pro CS5, începeți să creați propriile dvs.!

Sper că ți-a plăcut acest tutorial, mulțumesc pentru lectură!

Cod