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..
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 +..
Lancez Flash CS5 et créez un nouveau document iPhone OS.
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..
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..
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.
Copiez et collez le fichier de classe dans le dossier source, aucune modification ne doit être apportée à ce fichier..
N'oubliez pas d'ajouter le nom de la classe au champ Classe de la section Publier du panneau Propriétés..
Vous pouvez maintenant tester votre film pour voir si tout fonctionne comme prévu.
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.
Vous allez maintenant entrer dans une fenêtre remplie de paramètres. Ces paramètres sont:
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.
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..
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..
Le profil d'approvisionnement est essentiellement un fichier qui indique quelle application nous testons et sur quels périphériques pouvons-nous le tester.
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.
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..
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.
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..
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!
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..
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!