Griechischer Workshop

Erste Orientierung in der IDE mit einem praktischen Beispiel

Wir wollen uns jetzt erst einmal in Kylix orientieren. Wie ginge das besser als mit einem praktischen Beispiel? Kylix besteht aus einer Reihe eigenständiger Fenster, die frei auf dem Desktop positioniert werden können (etwa so, wie es auch bei GIMP der Fall ist - siehe Abbildung 2). In der Grundeinstellung startet Kylix mit der Anzeige eines leeren Formulars (das bildet später den Anzeigebereich des Programms - während der Programmerstellung spricht man vom Formulardesigner) bzw. dem alternativ angezeigten Quelltext-Editor (siehe Abbildung 3), dem Objektinspektor zur visuellen Spezifizierung der Eigenschaften und Reaktionen von Komponenten des Programms sowie der Komponentenpalette, aus der die Komponenten auf das Formular gezogen werden und wo sich die Menü- bzw. Befehlsstruktur von Kylix wiederfindet.

Dazu sind bereits diverse Dinge automatisch generiert worden, um mit wenigen Aktionen ein funktionstüchtiges Programm zur Verfügung zu haben. In den folgenden Teilen des Workshops werden wir uns der IDE und ihrer Bestandteile sowie der zugrundeliegenden Projekt- und Syntaxstrukturen genauer annehmen. Wir wollen jetzt einfach ein erstes Programm mit Kylix erstellen. Die einzelnen Schritte sollten exakt nachvollzogen werden - insbesondere in Bezug auf die Syntax und die automatisch durch Kylix generierten Elemente. Beachten Sie aber, dass die IDE von Kylix sehr weitreichend konfiguriert werden kann. Wundern Sie sich nicht, wenn nicht alle Details so aussehen, wie hier gezeigt bzw. beschrieben.

Here we go

Wenn Sie den Quelltext-Editor statt eines Formulars sehen, klicken Sie ihn an und drücken [F12]. Der Formulardesigner wird angezeigt. Erneutes Drücken von [F12] schaltet wieder zum Quelltext-Editor zurück.

Abbildung 3: Der Quelltext-Editor von Kylix

Wenn die IDE das Formular anzeigt, befinden Sie sich im grafischen Programmiermodus. In der Komponentenpalette finden Sie verschiedene Registerkarten. Deren Umfang hängt davon ab, welche Version von Kylix sie verwenden. Wir beschränken uns auf die Möglichkeiten der Open Edition. In den anderen Versionen finden Sie nur zusätzliche Registerkarten. Selektieren Sie das Register Standard. Dort drücken Sie das Symbol eines Buttons nieder (beschriftet mit OK). Die Maustaste lassen Sie dann los, bewegen den Mauscursor auf das Formular, drücken dort erneut die linke Maustaste und ziehen die Maus im gedrückten Zustand über das Formular. Wenn Sie die Maustaste loslassen, haben Sie eine Schaltfläche auf dem Formular erzeugt. Die Schaltfläche wird in selektiert angezeigt, was Sie daran erkennen können, dass die Schaltfläche mit kleinen Vierecken markiert ist. Über diese Anfasser können Sie Breite und Höhe der Schaltfläche verändern. Passen Sie die Größe sinnvoll an. Wenn Sie die Schaltfläche innerhalb der Komponentenfläche anklicken, können Sie sie per Drag & Drop verschieben. Fügen Sie dem Formular noch zwei weitere Schaltflächen hinzu und ordnen Sie alle drei untereinander an. Sorgen Sie dafür, dass Breite und Höhe der Schaltflächen gleich sind. Jetzt wählen Sie noch in der Komponentenpalette das mit dem Buchstaben "A" beschriftete Symbol aus. Damit erzeugen Sie neben den Schaltflächen ein so genanntes Label: Das ist eine Komponente, die üblicherweise zur Beschriftung anderer Komponenten verwendet wird.

Abbildung 4: Die Registerkarten der Komponentenpalette mit der Button- und Label-Komponente im Register Standard

Lassen Sie das Programm nun innerhalb der Kylix-IDE laufen, indem Sie einfach [F9] drücken. Sie erhalten nach kurzer Zeit ein voll funktionstüchtiges Programmfenster, das Sie in der Position verschieben oder in der Größe verändern können. Ebenso können Sie das Programmfenster mit den drei üblichen Schaltflächen am rechten Rand oben zu einem Icon verkleinern, einem Vollbild vergrößern oder schließen.

Klicken Sie die von Ihnen erzeugten Buttons an. Was passiert? Nichts? Nein, nicht ganz richtig. Zumindest wird das Niederdrücken bereits optisch dargestellt. Aber wir haben noch nicht angegeben, was eigentlich bei einem Klick auf einen der Schaltflächen geschehen soll. Das machen wir jetzt. Beenden Sie also das Programm mit dem Schließbutton.

Wir wenden uns nun dem Objektinspektor zu. Selektieren Sie den obersten Button im Formular und betrachten Sie den Objektinspektor. Wenn dieser nicht sichtbar ist, drücken Sie [F11]. Über den Inspektor können Sie die Eigenschaften der ausgewählten Objekte (also hier des Buttons) sehen und meist auch verändern. Sehr wahrscheinlich wird eine Eigenschaft mit Namen Caption vorselektiert sein, und dort wird der Wert "Button1" stehen. Wenn Sie im Eingabefeld rechts daneben den Text "Ende" eingeben (siehe Abbildung 5), sehen Sie die Wirkung unmittelbar im Formular. Die Beschriftung der ausgewählten Schaltfläche ändert sich mit jedem eingegebenen Zeichen.

Abbildung 5: Die Eigenschaft Caption im Objektinspektor ist für die Beschriftung einer Komponente verantwortlich

Jetzt sollten Sie einen Doppelklick auf die Schaltfläche ausführen. Sie wechseln dadurch automatisch vom Formulardesigner zum Quelltext-Editor. Dort ist durch die Aktion bereits Quellcode generiert worden, der so aussehen sollte:

procedure TForm1.Button1Click(Sender: TObject);
begin
end;

Fügen Sie zwischen begin und end; folgende Zeile ein:

Application.Terminate;

Beachten Sie, dass Ihnen Kylix hilft, wenn Sie das Wort "Application" und dann einen Punkt eingeben. Im folgenden Popup-Fenster werden alle erlaubten Syntaxstrukturen angezeigt.

Abbildung 6: Im Quelltext-Editor erhalten Sie oft Hilfe, wenn Sie einen Kylix bekannten Begriff (ein Objekt) und einen Punkt eingeben

Was wir hier ausgewählt haben, ist das Programmende. Dieses wird ausgelöst, wenn der Anwender auf diesen Button klickt. Sorgen wir nun noch dafür, dass auch die anderen Schaltflächen eine Funktionalität erhalten. Wechseln Sie zum Formulardesigner ([F12]) und wählen Sie die mittlere Schaltfläche aus. Beschriften Sie diese mit "Löschen". Dann führen Sie wieder einen Doppelklick darauf aus. In der automatisch generierten Code-Schablone notieren Sie folgende Anweisung:

label1.Caption:=' ';

Dann kümmern wir uns noch um die unterste Schaltfläche. Wechseln Sie zum Formulardesigner und wählen Sie sie aus. Beschriften Sie diese mit "Schreiben". Nach erneutem Doppelklick auf den Button geben Sie in der Code-Schablone Folgendes ein:

label1.Caption:='Safety First';

Zu guter Letzt passen Sie die Größe des Formulars so an, dass die drei Buttons und das Label ohne Platzverschwendung angezeigt werden. Das können Sie mit der Maus erledigen, aber wir wollen es diesmal mit dem Objektinspektor durchführen. Wählen Sie also das Formular selbst aus und experimentieren Sie mit den Eigenschaften Height und Width: Diese legen Höhe und Breite einer Komponente (und auch des Formulars selbst) fest (siehe Abbildung 7).

Abbildung 7: Über die Eigenschaft Height und Width kann eine Komponente im Objektinspektor in der Größe verändert werden

Lassen Sie das Programm nun laufen ([F9]) und testen Sie die Schaltflächen. Die oberste Schaltfläche beendet das Programm, die mittlere löscht das Label und die unterste beschriftet das Label mit dem angegegebenen Text.

Abbildung 8: Das fertige Kylix-Programm

Herzlichen Glückwunsch. Sie haben Ihr erstes Kylix-Programm geschrieben und zum Laufen gebracht. Das war wirklich nicht schwer, aber die Funktionalität scheint auch nicht besonders beeindruckend zu sein. Wenn Sie jedoch versuchen, so ein Programm mit einer anderen Programmierumgebung unter Linux zu realisieren, werden Sie zu schätzen wissen, was Ihnen Kylix an Vereinfachungen geliefert hat. Im nächsten Teil des Workshops wollen wir die IDE von Kylix sowie die Arbeit mit Projekten genauer behandeln. Dazu schauen wir uns die verschiedenen Arten der Kylix-Dateien an und spielen einige weitere Beispiele auf Basis der Grundkomponenten von Kylix durch.