Das Erzeugen der Anwendung

Das Rahmenprogramm (also das Hauptfenster) in dem sich unser eigentlicher Programmcode befindet, kann leicht und schnell durch KDevelop erstellt werden. Starte KDevelop und wähle New Project im Project Menü (ich verwende hier noch die englischen Bezeichnungen, da ich noch keine deutsche Version von Gideon hab). Der Anwendungs-Assistent erscheint dann. Wähle C++ -> KDE -> Simple KDE Application aus. Nun musst Du nur noch die leeren Zeilen ausfüllen, d.h. den Projekt-Namen (SigCreate), Deinen Namen als Autor und Deine E-Mail-Adresse (siehe Abbildung 1).

Klicke nun auf Next und schau Dir die CVS Optionen und die Header-Datei - Vorlagen an. Dann Klicke auf Finish im letzten Bildschirm und KDevelop wird alle für's Compilieren notwendige Dateien erzeugen. Du kannst nun im 'File selector' (Dateiwahlfenster) die Dateien main.cpp, sigcreate.cpp and sigcreate.h auswählen (Abbildung 2) und Dir den Quelltext ansehen. Wenn der Anwendungs-Assistent die Anwendung erstellt hat, kannst Du sie compilieren (um damit zu testen, dass alles funktioniert hat). Dazu wähle Build -> Run automake & friends dann Build -> Run configure. Im Meldungs-Fenster sollte dann

" Good - your configure finished. Start make now
*
* *** Success ***

erscheinen, so dass Du dann 'make' starten kannst. Das kannst Du durch Build -> Build Project (oder durch Benutzung des Tastenkürzels F8) starten. Als nächsten noch Build -> Install und schließlich Build -> Execute program (oder F9). Das Ergebnis ist in Abbildung 3 zu sehen. Abbildung 3: Die einfache KDE Anwendung (KDE Simple Application)

Jetzt haben wir den Rahmen für unser Programm fertig und können mit der eigentlichen Entwicklung beginnen.

Falls KDevelop die Umgebungsvariablen QTDIR und KDEDIR nicht erkennt, kannst Du diese auch im Project -> Project Options... in den Configure Options einstellen (siehe Abbildung 4).

Abbildung 4: Projekt-Einstellungen

Der Qt Designer ist ein Werkzeug für die Erstellung von Benutzeroberflächen. Er hilft Dir bei der Ausrichtung Deiner Widgets in einem Formular und beim Hinzufügen und Einrichten eines passenden Layouts, so dass Deine Oberfläche vernünftig vergrößert/verkleinert wird. Es ist empfehlenswert das Qt Designer Handbuch (englisch) zu lesen. In dem steht alles zum Qt Designer und zu dessen Benutzung drin. Der Qt Designer beinhaltet außerdem einen Quelltext-Editor, wir werden jedoch KDevelop zum Editieren des Quelltextes verwenden.

Als erstes werden wir nun die Oberfläche unserer Anwendung mittels des Qt Designers erstellen. Ein Formular vom Qt Designer wird mit der Dateierweiterung .ui gespeichert, weil es zunächst mit dem uic Programm verarbeitet wird und dadurch .h und .cpp Dateien erzeugt werden. KDevelop erledigt das für uns, wir müssen lediglich das Formular erstellen.

In KDevelop klicke auf File -> New und füll den daraufhin erscheinenden Dialog aus. Zuerst gib den Dateinamen an: sigcreatedlg und wähle den Typ der Datei aus, die Du anlegen willst. Wir wollen ein Widget (.ui) erstellen. Die Option "Add to project" muss gewählt sein, damit die Datei Makefile.am aktualisiert wird.

Wähle Ok und das Automake-Manager Dialogfenster erscheint. Wähle erneut Ok.

Falls nun die neue Datei sigcreatedlg.ui nicht im Qt Designer geöffnet wird, öffne den Automake Manager, öffne mittels Rechts-Klick auf die Datei das Kontextmenü und wähle 'Öffnen mit...' (oder 'Open with...'). Dort solltest Du nun den Qt Designer auswählen und starten können.

Die Oberfläche des Qt Designers ist im wesentlichen in 3 Bereiche unterteilt. Auf der linken Seite ist die Werkzeugpalette, dort kannst Du z.B. Deine Widgets auswählen. Rechts können verschiedene Fenster ausgewählt werden. Ich verwende dort nur den Eigenschaften Dialog (Property Dialog), die anderen beiden schließe ich normalerweise. Deine Widgets können damit nach Deinen Wünschen angepasst werden. Du kannst dort die Größe der Widgets auswählen, ihre Hintergrundfarbe (Palette) und so weiter. In der Mitte der Qt Designer Oberfläche befindet sich das Formular, in welchem wir unsere Oberfläche entwerfen werden.