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.
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 +.
Avvia Flash CS5 e crea un nuovo documento del sistema operativo iPhone.
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.
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.
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.
Copia e incolla il file di classe nella cartella di origine, non è necessario apportare modifiche a questo file.
Ricordarsi di aggiungere il nome della classe al campo Classe nella sezione Pubblica del pannello Proprietà.
Ora puoi testare il tuo film per vedere se tutto funziona come previsto.
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.
Ora entrerai in una finestra piena di impostazioni. Queste impostazioni sono:
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.
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.
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.
Il profilo di provisioning è fondamentalmente un file che indica quale applicazione stiamo testando e su quali dispositivi possiamo testarla.
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.
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.
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.
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.
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!
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.
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!