Erstellen einer FireMonkey iOS-Anwendung (FireMonkey Quick Start)

Nach oben zu FireMonkey Quick Start - Tutorials - Meine erste FireMonkey-Anwendung

Eine für iOS bestimmte FireMonkey-Anwendung wird zuerst als native Win32-Anwendung in RAD Studio erstellt und getestet. Die zweite Hälfte des FireMonkey-Entwicklungsprozesses für iOS-Anwendungen erfolgt aber auf dem Mac und einem iOS-Testgerät. Das heißt, Sie debuggen Ihr Projekt auf dem Mac mit der Xcode-Entwicklungsplattform, compilieren die Quelldateien auf dem Mac mit Free Pascal und führen die iOS-App mit der Free Pascal RTL aus.

• Tutorial: In Installieren der FireMonkey-iOS-Tools auf dem Mac werden die Schritte zum Installieren der erforderlichen Tools unter Mac OS X für die Entwicklung von iOS-Anwendungen beschrieben.

Schritt 1: Erstellen einer neuen FireMonkey-HD-Anwendung für iOS

Mit den folgenden Schritten wird eine FireMonkey-iOS-Anwendung erstellt.

So erstellen Sie eine neue FireMonkey-iOS-Anwendung:

1. Wählen Sie Datei > Neu > Weitere , um die Objektgalerie zu öffnen.
2. Wählen Sie FireMonkey-HD-iOS-Anwendung.

   

Im Formular-Designer wird ein neues Formular für eine iOS-Anwendung angezeigt.

Schritt 2: Platzieren von Komponenten auf dem FireMonkey-iOS-HD-Formular

Der erste Schritt beim Erstellen einer FireMonkey-Anwendung besteht, genau wie bei Desktop-Anwendungen, aus dem Entwerfen der Benutzeroberfläche. In der IDE steht eine Reihe von wiederverwendbaren Komponenten zum Erstellen von Benutzeroberflächen zur Verfügung. Erweitern Sie in der Tool-Palette mit der Maus die Kategorie Standard durch Klicken auf das Plus-Zeichen (+). Wählen Sie die TEdit-Komponente aus, und legen Sie sie im Formular-Designer ab. Eine Instanz der TEdit-Komponente wird auf dem Formular angezeigt.

Wiederholen Sie diese Schritte, um dem Formular die Komponenten TLabel und TButton hinzuzufügen. Jetzt sollten die drei Komponenten im Formular-Designer angezeigt werden.

Beim Ablegen von Komponenten im Formular-Designer werden deren Namen automatisch von der IDE festgelegt. Um einen Namen anzuzeigen, klicken Sie im Formular-Designer auf die Komponente. Daraufhin wird der Name im Objektinspektor in der Eigenschaft Name angezeigt.

Bei TButton-Komponenten wird der Komponentenname standardmäßig auf Button1 (Button2, Button3 usw.) gesetzt. Diese Komponenten werden auch in der Strukturansicht angezeigt.

Auch das Formular, auf dem sich diese Komponenten befinden, hat einen Namen. Klicken Sie auf den Hintergrund des Formular-Designers und dann im Objektinspektor in der Eigenschaft Name. Der Name des Formulars "Form1" (oder "Form2", "Form3" ja nach der Anzahl der bisher erstellten Formularprojekte) wird angezeigt. In der Strukturansicht können Sie den Namen des Formulars schnell finden.

Folgendermaßen wechseln Sie zum Quellcode: Klicken Sie im unteren Bereich des Formular-Designers auf das Register Code, oder drücken Sie die Taste F12. Sie können jederzeit vom Formular-Designer zum Quelltext-Editor und umgekehrt wechseln.

Im Quelltext-Editor wird der bisher von der IDE erzeugte Quellcode angezeigt. Die drei hinzugefügten Komponenten (Edit1, Label1 und Button1) sind bereits definiert.

Schritt 3: Schreiben einer Reaktion auf das Klicken auf die Schaltfläche im Delphi-Code

Im nächsten Schritt wird eine Ereignisbehandlungsroutine für die TButton-Komponente erstellt. Ereignisbehandlungsroutinen können für FireMonkey-iOS-Anwendungen auf die gleiche Weise wie für Desktop-Anwendungen definiert werden. Das typische Ereignis für TButton-Komponenten ist das Klicken auf die Schaltfläche. Wenn Sie im Formular-Designer auf die Schaltfläche doppelklicken, erstellt RAD Studio den Skeleton-Code zum Implementieren einer Ereignisbehandlungsroutine für das Klickereignis der Schaltfläche.

Nun können Sie zwischen den Anweisungen "begin" und "end" der Methode Button1Click Antworten implementieren. Als Antwort soll die Meldung "Hello + <in das Eingabefeld eingegebener Name>" implementiert werden.

 Label1.Text := 'Hello ' + Edit1.Text + ' !';

In Delphi müssen String-Literale in einfache Anführungsziechen (' ') eingeschlossen werden. Mit dem Pluszeichen (+) können Strings verkettet werden. Während Sie den Code eingeben, werden Hinweise zur Art der Parameter, die Sie angeben müssen, angezeigt. In den Hinweisen wird auch die Art der Member angezeigt, die in einer gegebenen Klasse unterstützt werden.

Schritt 4: Testen der iOS-Anwendung unter Windows

Die Implementierung dieser Anwendung ist abgeschlossen, und Sie können sie jetzt ausführen. Sie können dazu in der IDE auf die Schaltfläche Start klicken, F9 drücken oder aus dem Hauptmenü von RAD StudioStart > Start wählen.

Bei Ausführung der Anwendung wird ein Formular mit einem Eingabefeld und einer Schaltfläche angezeigt. Geben Sie in das Eingabefeld Text ein, und klicken Sie auf die Schaltfläche Say Hello.

Schritt 5: Bereitstellen des Anwendungscodes für Xcode unter Mac OS X

Wie am Anfang dieses Tutorials erläutert, muss die Anwendung mit Xcode unter Mac OS X erneut compiliert werden, damit sie im iOS-Simulator (oder auf dem tatsächlichen Gerät) ausgeführt werden kann.

Bereitstellen des Anwendungscodes

1. Geben Sie den Ordner auf Ihrem Windows-Computer frei, damit Sie das Projekt aus Xcode unter Mac OS X laden können. Beachten Sie, dass Sie dem Remote-Computer Lese- und Schreibrechte zuteilen müssen.
2. Das Format der Xcode-Projektdatei unterscheidet sich von dem von RAD Studio. Sie müssen das Hilfsprogramm dpr2xcode nach jeder an dem Projekt vorgenommenen Änderung ausführen, um das Projekt zu konvertieren. Wenn Sie das Tool dpr2xcode bereits konfiguriert haben (siehe den Link unten), klicken Sie einfach auf Nach Xcode exportieren.

   

   • In Installieren der FireMonkey-iOS-Tools auf dem Mac werden die Schritte zum Installieren der erforderlichen Tools auf dem Mac OS X-Computer für die Entwicklung von iOS-Anwendungen beschrieben.
3. Starten Sie Xcode, und öffnen Sie das Projekt auf Ihrem Windows-Computer.

Schritt 6: Compilieren und Bereitstellen für iOS

Jetzt können Sie Ihre iOS-Anwendung auf dem iOS-Simulator ausführen. Wählen Sie das Gerät (Simulator oder tatsächliches Gerät) aus, und klicken Sie in der Xcode-Symbolleiste auf die Schalfläche Start. Ihre FireMonkey-Anwendung wird daraufhin im iOS-Simulator (oder sogar auf Ihrem iPhone) ausgeführt.

Zugehöriges Hilfethema

• Konfiguration von FireMonkey für die iOS-Entwicklung