Création d'une application FireMonkey iOS (Prise en main de FireMonkey)
Remonter à Guide de prise en main FireMonkey - Tutoriels - Ma première application FireMonkey
Une application FireMonkey destinée à iOS est créée et testée initialement en tant qu'application Win32 native dans RAD Studio. Mais la deuxième moitié du processus de développement d'une application FireMonkey iOS a lieu sur le Mac et sur un périphérique iOS de test : Ainsi, vous effectuez votre débogage de production sur le Mac en utilisant la plate-forme de développement Xcode, compilez les fichiers source sur le Mac avec Free Pascal et exécutez l'application iOS en utilisant la bibliothèque RTL Free Pascal.
- Tutoriel : Installation des outils FireMonkey-iOS sur Mac décrit les étapes d'installation des outils requis sur votre Mac OS X pour développer des applications iOS.
Etape 1 : Créer une nouvelle application FireMonkey HD pour iOS
Vous êtes maintenant prêt à créer une application FireMonkey iOS.
Pour créer une nouvelle application FireMonkey iOS
- Sélectionnez Fichier > Nouveau > Autre pour voir la galerie d'objets (Nouveaux éléments).
- Sélectionnez Application FireMonkey HD iOS.
-
- Le Concepteur de fiches affiche à présent une nouvelle fiche pour une application iOS.
-
Etape 2 : Placer des composants sur la fiche FireMonkey iOS HD
La première étape de la création d'une application FireMonkey est la conception de l'interface utilisateur, identique à l'étape ciblant les plates-formes de bureau. De nombreux composants réutilisables sont disponibles dans l'EDI pour la création d'interfaces utilisateur. Déplacez le pointeur de la souris sur la Palette d'outils et développez la catégorie Standard en cliquant sur l'icône plus (+). Sélectionnez ensuite le composant TEdit et déposez-le sur le Concepteur de fiches. Une instance du composant TEdit apparaît sur la fiche.
Répétez ces étapes pour l'ajout des composants TLabel et TButton sur la fiche. Vous devriez maintenant voir trois composants sur le Concepteur de fiches.
Dès que vous placez ces composants sur le Concepteur de fiches, l'EDI définit automatiquement leur nom. Pour voir un nom, cliquez sur le composant sur le Concepteur de fiches, puis lisez la propriété Name sur l'inspecteur d'objets.
Pour un composant TButton, le nom du composant est défini sur Button1 (Button2, Button3, et ainsi de suite) par défaut. Vous pouvez aussi trouver ces composants sur la vue Structure.
La fiche sur laquelle ces composants sont localisés a aussi un nom. Sélectionnez l'arrière-plan du Concepteur de fiches, puis la propriété Name sur l'inspecteur d'objets. Le nom de la fiche (Form1, Form2, Form3, selon le nombre de projets de fiche créés) est affiché. Vous pouvez facilement localiser le nom de la fiche dans la vue Structure.
Vous pouvez facilement permuter sur le code source. Sélectionnez l'onglet Code en bas du Concepteur de fiches ou appuyez sur la touche F12. Vous pouvez basculer entre le Concepteur de fiches et l'éditeur de code source à votre guise.
Dès que vous basculez sur l'éditeur de code source, vous trouvez le code source généré par l'EDI. Les trois composants (Edit1, Label1 et Button1) sont définis.
Etape 3 : Ecrire une réponse en code Delphi au clic d'un bouton par l'utilisateur
L'étape suivante consiste à définir un gestionnaire d'événements pour le composant TButton. Vous pouvez définir des gestionnaires d'événements pour votre application FireMonkey iOS de la même façon que pour les applications de bureau. Pour le composant TButton, l'événement le plus typique est un clic sur le bouton. Quand vous double-cliquez sur le bouton sur le Concepteur de fiches, RAD Studio crée un code squelette afin d'implémenter un gestionnaire d'événements pour l'événement clic de bouton.
Vous pouvez maintenant implémenter les réponses entre les instructions 'begin' et 'end' de la méthode Button1Click. Implémentons une réponse pour afficher un petit dialogue qui lit "Hello + <nom entré dans la zone d'édition>".
Label1.Text := 'Hello ' + Edit1.Text + ' !';
Dans Delphi, les marques de délimitation qui doivent encadrer les littéraux chaîne sont ' '. Vous pouvez aussi utiliser le signe plus (+) pour concaténer des chaînes. Lors de la saisie du code, certaines indications montrant le type de paramètre à spécifier apparaîtront. En outre, vous verrez les types des membres qui sont supportés dans une classe donnée.
Etape 4 : Tester votre application iOS sur Windows
L'implémentation de cette application est terminée, vous pouvez donc l'exécuter. Vous pouvez cliquer sur le bouton Exécuter de l'EDI, appuyer sur F9 ou sélectionner Exécuter > Exécuter dans le menu principal de RAD Studio.
Dès que vous exécutez l'application, une fiche contenant une zone d'édition et un bouton s'affiche. Entrez un texte dans la zone d'édition et appuyez sur le bouton Say Hello.
Etape 5 : Déployer le code de l'application vers xcode sur Mac OS X
Comme expliqué au début de ce tutoriel, l'application doit être recompilée sur xcode sur Mac OS X afin de l'exécuter avec le simulateur iOS (ou sur un périphérique réel).
Déploiement du code de l'application
- Partagez votre dossier sur votre machine Windows afin de pouvoir charger le projet depuis xcode sur Mac OS X. Vous devez attribuer un accès en lecture/écriture à la machine distante.
- Le format du fichier projet de xcode est différent de celui sur RAD Studio. Vous devez exécuter l'utilitaire dpr2xcode pour convertir le projet à chaque fois que vous effectuez des changements à votre projet. Si l'outil dpr2xcode est déjà configuré (voir le lien ci-dessous), cliquez simplement sur Exporter vers Xcode.
- Installation des outils FireMonkey-iOS sur Mac décrit les étapes d'installation des outils requis pour votre machine Mac OS X afin de développer des applications iOS.
-
- Démarrez xcode et ouvrez le projet localisé sur votre machine Windows.
Etape 6 : Compiler l'application, puis la déployer sur iOS
Vous êtes maintenant prêt à exécuter votre application iOS sur votre simulateur iOS. Sélectionnez le périphérique (simulateur ou périphérique réel) et cliquez sur le bouton Exécuter sur la barre d'outils xcode. Votre application FireMonkey s'exécute maintenant sur le simulateur iOS (ou même sur votre iPhone).
