Porting di un'applicazione su iPhone con Flash CS5

La scorsa settimana ha visto uno sviluppo molto significativo nel rapporto tra Apple e Adobe. Flash è tornato nella foto di iPhone. In questo tutorial, ti mostrerò come convertire un film Flash esistente in un'applicazione iPhone utilizzando Flash Professional CS5.


Passaggio 1: scegli un'applicazione Flash

La prima cosa che devi fare è selezionare l'applicazione che vuoi trasferire. In questo esempio lavoreremo con l'app Orologio digitale che abbiamo creato in un altro tutorial di ActiveTuts +.


Passaggio 2: crea un nuovo file OS per iPhone

Avvia Flash CS5 e crea un nuovo documento del sistema operativo iPhone.


Passaggio 3: orizzontale

Come puoi vedere, la dimensione dello stage di default è 320x480 px, che è la risoluzione a schermo intero dell'iPhone in modalità verticale (tenendo l'iPhone in verticale).

Tuttavia, questa applicazione ha un formato orizzontale e non avrà un bell'aspetto se adattiamo l'interfaccia a Portrait. Il tuo primo istinto è probabilmente quello di ruotare l'interfaccia di 90 ° e costruire l'app in questo modo. Funzionerà, ma sarà molto difficile e probabilmente finirai con il dolore al collo. Per questo motivo Flash CS5 include un'opzione Pubblica per rendere l'applicazione iPhone in modalità orizzontale.

Imposta le dimensioni dello stage su 480x320 px e continua con il passaggio successivo, vedremo come impostare l'app in modalità orizzontale al punto 10.


Passaggio 4: interfaccia

Per eseguire il porting dell'interfaccia, sarà sufficiente un semplice copia e incolla. Sì, è così semplice!

Tuttavia, nella maggior parte dei casi è necessario ottimizzare la grafica, che implica dimensioni, allineamento e bilanciamento tra vettori e bitmap. Poiché utilizziamo una grafica semplice, ci concentreremo sull'allineamento e sulla dimensione degli elementi.


Passaggio 5: regolazioni iPhone

Le dimensioni originali dell'applicazione non corrispondono alle dimensioni dell'iPhone, quindi la prima cosa da fare è modificare le dimensioni dello sfondo per adattarle allo stage.

La dimensione attuale del testo dell'orologio sarà troppo piccola nell'iPhone, selezionala e modifica la dimensione a 120px.


Passaggio 6: file di classe

Copia e incolla il file di classe nella cartella di origine, non è necessario apportare modifiche a questo file.


Passaggio 7: Classe documento

Ricordarsi di aggiungere il nome della classe al campo Classe nella sezione Pubblica del pannello Proprietà.


Passaggio 8: verifica errori

Ora puoi testare il tuo film per vedere se tutto funziona come previsto.


Passaggio 9: Impostazioni del sistema operativo iPhone

Ecco la parte che ti interessa; la parte iPhone.

Ora hai un filmato Flash perfettamente funzionante, è ora di convertirlo in un'applicazione per iPhone. Vai al Pannello Proprietà, Pubblicare sezione e premere il Impostazioni del sistema operativo iPhone pulsante.


Passaggio 10: Generale

Ora entrerai in una finestra piena di impostazioni. Queste impostazioni sono:

  • File di uscita: Il nome del file ipa che verrà creato, questo può essere quello che vuoi.
  • Nome dell'applicazione: Il nome che verrà mostrato nel tuo iPhone sotto l'icona.
  • Versione: La versione corrente dell'applicazione; è necessario modificare questo in ogni test per iTunes per aggiornare l'applicazione con successo.
  • Proporzioni: La modalità di visualizzazione della tua app.
  • A schermo intero: Nasconde la barra delle informazioni in alto (segnale, bluetooth, wifi, batteria, ecc.).
  • Orientamento automatico: Usa l'accelerometro per cambiare l'orientamento senza scrivere codice.
  • Rendering: Un'opzione molto importante, l'utilizzo della gpu per il rendering in applicazioni grafiche complesse aumenterà notevolmente le prestazioni.
  • File inclusi: I file da includere nella tua app. Se stai caricando il contenuto da un XML, da TXT o da qualsiasi altra fonte, dovresti aggiungere questi file qui.

Passaggio 11: lancia l'immagine

Ogni applicazione iPhone visualizza un'immagine all'avvio durante il caricamento degli elementi essenziali per mostrare l'app. Questa immagine è la Default.png file che abbiamo incluso nel passaggio 10. Si consiglia di mostrare la stessa schermata mostrata dall'app quando è completamente carica, ma è possibile utilizzarla per mostrare il logo aziendale, la schermata di caricamento, la schermata del titolo o qualsiasi altra informazione utile.

L'immagine deve essere 320x480 non importa se stai lavorando in modalità orizzontale.


Passaggio 12: distribuzione

Per la scheda Distribuzione, devi essere un membro del Programma per sviluppatori iPhone e seguire le istruzioni nel Portale di provisioning per ottenere i file necessari per compilare la tua applicazione.


Passaggio 13: certificati

Esistono tre diversi tipi di certificati. Il primo è il certificato Apple Worldwide Developer (WWDC). Questo certificato viene compilato insieme a uno degli altri due certificati: un certificato di sviluppatore o un certificato di distribuzione. Questi sono usati per testare applicazioni e distribuire su Apple Store, rispettivamente.


Passaggio 14: profilo di provisioning

Il profilo di provisioning è fondamentalmente un file che indica quale applicazione stiamo testando e su quali dispositivi possiamo testarla.


Passaggio 15: ID app

Un identificativo della tua applicazione, ogni ID applicazione è richiesto per avere il proprio spazio dei nomi univoco che assomigli a qualcosa com.yourcompany.YourApp. Questo viene anche generato nel sito del programma per sviluppatori e incluso nel tuo profilo provisionig.


Passaggio 16: tipo di distribuzione

Selezionare un'opzione in base al tipo di certificato e al profilo di fornitura con cui si sta lavorando. Un certificato sviluppatore può essere utilizzato per la pubblicazione rapida e un certificato di distribuzione è necessario per la distribuzione, utilizzando questo tipo di certificato creerà un'app pronta per essere inviata all'app store.


Passaggio 17: icone

Il prossimo è semplice, la scheda Icone.

È necessario utilizzare tre dimensioni di icone: 29x29px, 57x57px (questa è l'icona mostrata nel dispositivo) e 512x512px. Non preoccuparti degli angoli arrotondati, iTunes li genererà automaticamente.


Passaggio 18: Pubblica

Quando hai finito di riempire le impostazioni, premi il tasto Pubblicare pulsante, apparirà una barra di avanzamento che mostra il tempo rimanente. Il tempo necessario dipende dalla tua applicazione e dai file inclusi. Inoltre, è necessario più tempo per la pubblicazione per la distribuzione.


Passaggio 19: test del dispositivo

Un file .ipa verrà creato nella cartella di origine, trascinandolo o facendo doppio clic per aprire in iTunes. Vedrai l'icona della tua app con le altre applicazioni.

Sincronizza il tuo iPhone e preparati a eseguire la tua nuova app!


Passaggio 20: invia l'app

Se hai finito di trasferire la tua applicazione preferita su iPhone e desideri condividerla con il resto del mondo, puoi inviarla all'App Store. Accedi a iTunes Connect e segui le istruzioni guidate.


Conclusione

Ora sai quanto è facile sviluppare applicazioni iPhone utilizzando Flash Pro CS5, inizia a crearne di nuove!

Spero che questo tutorial ti sia piaciuto, grazie per la lettura!