Erstellen einer FireMonkey-Anwendung für Desktop-Plattformen (C++)

Aus RAD Studio
Wechseln zu: Navigation, Suche

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

In diesem Tutorial wird eine FireMonkey-Anwendung erstellt, die auf 2 verschiedenen Plattformen (Windows und macOS) ausgeführt werden kann und in der folgende Benutzeroberflächenelemente verwendet werden:

  • Ein Textfeld zur Eingabe eines Namens.
  • Eine Schaltfläche, die beim Anklicken die Anzeige von "Hello" auslöst.
  • Eine Beschriftung zum Anzeigen der Meldung "Hello + <eingegebener Name>!".

Diese FireMonkey-Anwendung kann wie in den folgenden Screenshots dargestellt unter Windows und unter macOS ausgeführt werden:

My First FireMonkey Application on Windows.png Hello world macos.png

Schritt 1: Erstellen einer neuen Leeren Anwendung

Eine neue FireMonkey-Anwendung erstellen Sie in der RAD Studio-IDE über das Menü Datei. Wählen Sie zum Erstellen einer neuen Leeren Anwendung Datei > Neu > Weitere > C++Builder-Projekte > Leere Anwendung.

Blank app.png

Hinweis: Falls Sie keine RAD Studio-Version, sondern eine einzelne C++Builder-Version installiert haben, können Sie die oben beschriebenen Menüschritte (Datei > Neu) trotzdem ausführen.

In dem unten abgebildeten Screenshot der IDE sind die 5 verschiedenen Bereiche (Fenster) dargestellt, die Sie beliebig andocken, abdocken oder schließen können.

Die 5 Bereiche sind:

IDE1.png

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

Der erste Schritt beim Erstellen einer FireMonkey-Anwendung besteht aus dem Entwerfen der Benutzeroberfläche. In der IDE stehen Hunderte von wiederverwendbaren Komponenten zum Erstellen von Benutzeroberflächen zur Verfügung. Erweitern Sie in der Tool-Palette 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 im Formular angezeigt.

Palette.png Tedit.png

Wiederholen Sie diese Schritte, um dem Formular die Komponenten TLabel und TButton hinzuzufügen.

Tlabel.1.png Tbutton.1.png

Jetzt sollten die drei Komponenten im Formular-Designer angezeigt werden. Ordnen Sie mit der Maus die Komponenten nach Ihren Vorstellungen an.

Hello world.png

Wenn Sie eine Komponente im Formular ausgewählt haben, können Sie deren Eigenschaften im Objektinspektor anzeigen und ändern.

Say hello.1.png Hello world.png

Als Nächstes ändern Sie die Beschriftung der Schaltfläche (TButton-Komponente). Die Eigenschaften der Komponenten TEdit und TLabel werden durch Eingabe von Code in Schritt 3 programmgesteuert geändert.

Zum Ändern von TButton entsprechend dem obigen Screenshot wählen Sie die TButton-Komponente im Formular aus, ändern im Objektinspektor die Eigenschaft Text in "Say Hello" und drücken dann zum Übernehmen der Änderung die Taste EINGABE.

WhiteSpace50.png

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

Bei GUI-Anwendungen können die meisten Reaktionen auf Benutzeraktionen, wie z.B. das Klicken auf eine Schaltfläche oder die Eingabe in ein Textfeld, als Antworten auf Ereignisse implementiert werden. Solche Antworten werden in RAD Studio als Ereignisbehandlungsroutinen bezeichnet.

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.

New form code cpp.png

Jetzt können Sie Reaktionen zwischen den geschweiften Klammern der Methode Button1Click implementieren. Als Antwort soll die Meldung "Hello + <in das Eingabefeld eingegebener Name>" implementiert werden.

 
  Label1->Text = "Hello " + Edit1->Text + " !";

In C++ müssen String-Literale in Anführungszeichen (" ") 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.

CodeInsight in action for FireMonkey application cpp.png

WhiteSpace50.png

Schritt 4: Ausführen der Anwendung

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.

Run my first FireMonkey application cpp.png

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.

My First FireMonkey Application on Windows.png

WhiteSpace50.png

Schritt 5: Unterstützen von macOS

Standardmäßig erstellt RAD Studio Anwendungen für 32-Bit-Versionen von Windows. Um macOS als Zielplattform hinzuzufügen, klicken Sie mit der rechten Maustaste in der Projektverwaltung auf den Knoten Zielplattformen, und wählen Sie Plattform hinzufügen > macOS. Sie können jetzt die Anwendung für Win32- und macOS-Plattformen erzeugen.

Add platform.1.png MacOS.1.png

Hinweis: Ihre Entwicklungsumgebung wird unter Windows ausgeführt. Das bedeutet, dass Sie keine nativen macOS-Anwendungen auf Ihrem Windows-Computer ausführen können. Sie müssen Ihre IDE an einen macOS-Computer anschließen.

Zum Bereitstellen Ihrer Anwendungen auf macOS und zum automatischen Einrichten von Remote-Debug-Sitzungen enthält RAD Studio das Tool Platform Assistant (PAServer).


Definieren eines Verbindungsprofils

Nach der Installation von PAServer auf einem macOS-Computer können Sie die IDE wie folgt mit dem Mac verbinden:

  1. Klicken Sie in der Projektverwaltung unter Zielplattformen mit der rechten Maustaste auf den Knoten macOS, und wählen Sie Eigenschaften aus.
    Target platforms1.png
  2. Wählen Sie im Dialogfeld Plattformeigenschaften im Kombinationsfeld Profil den Eintrag Neue hinzufügen... aus.
    Platform properties.1.png
  3. Geben Sie einen Namen für dieses Profil ein.
    Specify name for remote profile.png
  4. Geben Sie den Namen (oder die IP-Adresse) Ihres Mac an.
    Specify name of your mac.png


Definieren eines SDK

Wenn Sie ein Verbindungsprofil erstellt haben, können Sie Ihrem Entwicklungssystem ein SDK hinzufügen und die Dateien vom macOS-Computer wie folgt übernehmen:

  1. Klicken Sie in der Projektverwaltung unter Zielplattformen mit der rechten Maustaste auf den Knoten macOS, und wählen Sie Eigenschaften aus.
    Target platforms1.png
  2. Wählen Sie im Dialogfeld Plattformeigenschaften im Kombinationsfeld SDK den Eintrag Neue hinzufügen... aus.
    Platform properties1.png
  3. Wählen Sie im Kombinationsfeld Profil Ihr neues Verbindungsprofil aus.
    Add sdk1.png
  4. Wählen Sie im Kombinationsfeld SDK die grundlegendste SDK-Version, Command Line Tools, aus.
    Add sdk2.png


Schritt 6: Ausführen der Anwendung unter macOS

Die IDE ist jetzt mit dem Mac verbunden. Drücken Sie erneut F9, um die Anwendung auf dem Mac auszuführen. Die Anwendung sollte ungefähr so, wie in der folgenden Abbildung aussehen.

My first FireMonkey application running on Mac.png

Weitere Informationen