Porter une application sur un iPhone avec Flash CS5

La semaine dernière a été marquée par un développement très significatif des relations entre Apple et Adobe. Flash est de retour dans l'image de l'iPhone. Dans ce tutoriel, je vais vous montrer comment convertir un film Flash existant en une application iPhone à l'aide de Flash Professional CS5..


Étape 1: Choisissez une application Flash

La première chose à faire est de sélectionner l’application que vous souhaitez porter. Dans cet exemple, nous allons utiliser l'application Digital Clock créée dans un autre didacticiel ActiveTuts +..


Étape 2: Créer un nouveau fichier iPhone OS

Lancez Flash CS5 et créez un nouveau document iPhone OS.


Étape 3: paysage

Comme vous pouvez le constater, la taille de la scène par défaut est de 320x480 px, ce qui correspond à la résolution plein écran de l'iPhone en mode portrait (il s'agit de tenir l'iPhone à la verticale)..

Cependant, cette application a un format Paysage et il ne semblera pas bon si nous adaptons l'interface à Portrait. Votre premier instinct est probablement de faire pivoter l'interface de 90 ° et de créer l'application de cette façon. Cela fonctionnera, mais ce sera très difficile et vous aurez probablement mal au cou. Pour cette raison, Flash CS5 inclut une option Publier pour rendre l'application iPhone en mode paysage..

Définissez la taille de la scène sur 480x320 px et passez à l'étape suivante. Nous verrons comment définir l'application en mode Paysage à l'étape 10..


Étape 4: interface

Pour porter l'interface, un simple copier / coller suffit. Oui, c'est aussi simple!

Cependant, dans la plupart des cas, vous devrez optimiser les graphiques, ce qui implique la taille, l'alignement et l'équilibre entre les vecteurs et les images bitmap. Puisque nous utilisons des graphiques simples, nous allons nous concentrer sur l'alignement et la taille des éléments..


Étape 5: réglages de l'iPhone

La taille de l'application d'origine ne correspond pas à la taille de l'iPhone. La première chose à faire est donc de modifier la taille de l'arrière-plan pour l'adapter à la scène..

La taille actuelle du texte de l'horloge aura l'air trop petite dans l'iPhone, sélectionnez-le et changez la taille à 120px.


Étape 6: Fichier de classe

Copiez et collez le fichier de classe dans le dossier source, aucune modification ne doit être apportée à ce fichier..


Étape 7: Classe de document

N'oubliez pas d'ajouter le nom de la classe au champ Classe de la section Publier du panneau Propriétés..


Étape 8: Vérifier les erreurs

Vous pouvez maintenant tester votre film pour voir si tout fonctionne comme prévu.


Étape 9: Paramètres du système d'exploitation iPhone

Voici la partie qui vous intéresse. la partie iPhone.

Maintenant que votre film Flash fonctionne parfaitement, il est temps de le convertir en application iPhone. Aller au Panneau de propriétés, Publier section et appuyez sur la Paramètres iPhone OS bouton.


Étape 10: général

Vous allez maintenant entrer dans une fenêtre remplie de paramètres. Ces paramètres sont:

  • Fichier de sortie: Le nom du fichier ipa qui sera créé, cela peut être ce que vous voulez.
  • Nom de l'application: Le nom qui sera affiché sur votre iPhone sous l'icône.
  • Version: La version actuelle de l'application; vous devez modifier cela à chaque test pour iTunes afin de mettre à jour l'application avec succès.
  • Ratio d'aspect: Le mode d'affichage de votre application.
  • Plein écran: Masque la barre d'informations supérieure (signal, Bluetooth, wifi, batterie, etc.).
  • Orientation automatique: Utilise l'accéléromètre pour changer d'orientation sans écrire de code.
  • Le rendu: Une option très importante, utiliser le gpu pour le rendu dans des applications graphiques complexes augmentera considérablement les performances.
  • Fichiers inclus: Les fichiers à inclure avec votre application. Si vous chargez du contenu à partir d'un fichier XML, TXT ou de toute autre source, vous devez ajouter ces fichiers ici..

Étape 11: Lancer l'image

Chaque application iPhone affiche une image au lancement tout en chargeant l'essentiel pour afficher l'application. Cette image est la Default.png fichier que nous avons inclus à l'étape 10. Il est recommandé d'afficher le même écran que celui qui apparaîtra lorsque l'application sera entièrement chargée, mais vous pouvez l'utiliser pour afficher le logo de votre entreprise, l'écran de chargement, l'écran de titre ou toute autre information utile..

L'image doit être 320x480, peu importe si vous travaillez en mode paysage.


Étape 12: déploiement

Pour l'onglet Déploiement, vous devez être membre du programme pour développeurs iPhone et suivre les instructions du portail de provisioning pour obtenir les fichiers nécessaires à la compilation de votre application..


Étape 13: Certificats

Il existe trois types de certificats différents. Le premier est le certificat de développeur mondial Apple (WWDC). Ce certificat est compilé avec l'un des deux autres certificats: un certificat de développeur ou un certificat de distribution. Ils sont utilisés pour tester les applications et les déployer sur le Apple Store, respectivement..


Étape 14: Profil d'approvisionnement

Le profil d'approvisionnement est essentiellement un fichier qui indique quelle application nous testons et sur quels périphériques pouvons-nous le tester.


Étape 15: ID de l'application

Un identifiant de votre application, chaque ID d’application doit avoir son propre espace de noms unique qui ressemble à quelque chose comme: com.votreentreprise.VotreApp. Ceci est également généré sur le site du programme pour développeurs et inclus dans votre profil provisionig.


Étape 16: Type de déploiement

Sélectionnez une option en fonction du type de certificat et du profil d'approvisionnement avec lesquels vous travaillez. Un certificat de développeur peut être utilisé pour la publication rapide et un certificat de distribution est nécessaire pour le déploiement. Ce type de certificat crée une application prête à être soumise à la boutique d'applications..


Étape 17: icônes

Suivant est simple, l'onglet Icons.

Trois tailles d'icônes doivent être utilisées: 29x29px, 57x57px (il s'agit de l'icône affichée sur l'appareil) et 512x512px. Ne vous inquiétez pas des coins arrondis, iTunes les générera automatiquement.


Étape 18: Publier

Lorsque vous avez fini de renseigner les paramètres, appuyez sur le bouton Publier bouton, une barre de progression apparaîtra indiquant le temps restant. Le temps que cela prend dépend de votre application et des fichiers inclus. De plus, il faut plus de temps pour publier pour le déploiement..


Étape 19: Test du périphérique

Un fichier .ipa sera créé dans votre dossier source, faites-le glisser ou double-cliquez dessus pour l'ouvrir dans iTunes. Vous verrez l'icône de votre application avec les autres applications.

Synchronisez votre iPhone et préparez-vous à exécuter votre nouvelle application!


Étape 20: Soumettre une application

Si vous avez terminé de porter votre application préférée sur iPhone et que vous souhaitez la partager avec le reste du monde, vous pouvez la soumettre sur l'App Store. Connectez-vous à iTunes Connect et suivez les instructions guidées..


Conclusion

Maintenant que vous savez à quel point il est facile de développer des applications iPhone avec Flash Pro CS5, commencez à créer vos propres!

J'espère que vous avez aimé ce tutoriel, merci d'avoir lu!