Die Kommandozeile macht sich schön

Strukturelles

Wenn Sie den Prototypen anschauen, können Sie ihn nach der Organisation der Widgets in drei Bereiche unterteilen:

• Oben die Menüleiste: Nur ein Widget auf einer Seite.
• In der Mitte das Eingabefeld und die Skalen, jeweils mit der Beschriftung links daneben: Die Widgets sind in Zeilen und Spalten angeordnet.
• Unten die beiden Knöpfe zum Rendern und Anzeigen: Die Widgets liegen nebeneinander.Wenn Sie diese drei Teile durch drei Frames herstellen, können Sie innerhalb der Rahmen die darin liegenden Widgets vom passenden Geometrie-Manager verstauen lassen. Für die nebeneinander stehenden Widgets ist der packer optimal, während sich für die Zeilen- und Spaltenstruktur in der Mitte der gridder besser eignet.

Rahmenhandlung

Nun kommt Teil Drei der GUI-Entwicklung: Das Programmieren der Oberfläche ohne Funktionen. Zuerst geht es darum, die Struktur des GUI mit Frames fest zu legen.

Frames sind die einfachsten Widgets: In der Grundform sind sie viereckig und unsichtbar und dienen dazu, andere Widgets als Kinder aufzunehmen und anzuordnen. Werden Frames mit zusätzlichen Optionen definiert, können sie allerdings doch noch ein dreidimensionales Aussehen annehmen und Gruppen von Widgets auch optisch voneinander absetzen.

Der Aufruf, der einen Rahmen erzeugt, ist denkbar einfach: Er besteht nur aus dem Befehl selbst und dem Namen des Frames, der wie alle Widgetnamen mit einem Punkt beginnen muss. Damit die Frames ein dreidimensionales Aussehen bekommen, können Sie die Option -relief Reliefart verwenden, wobei das Relief flat (flach), raised (erhaben), groove (mit einem kleinen eingesunkenen Rand) oder ridge (mit kleinem erhabenen Rand) sein kann. Um dieses Relief sichtbar zu machen, brauchen die Frames aber auch noch eine Kantenbreite, die Sie durch die Option -borderwidth Breite (Breite in Pixeln) festlegen.

frame .obererRahmen    -borderwidth 1 -relief raised
frame .mittlererRahmen -borderwidth 1 -relief raised
frame .untererRahmen   -borderwidth 1 -relief raised

Mit dem Hinzufügen dieser Zeilen zu Ihrer Programmdatei sind die Frames angelegt – sie müssen lediglich noch angezeigt werden. Da sie einfach untereinander angeordnet sind, bietet sich dafür der packer an. Übergeben Sie diesem Geometrie-Manager die drei Rahmen, und sagen Sie ihm mit der Option -side Richtung die Richtung, aus der er sie einfüllen soll.

Um Widgets nebeneinander anzuordnen, verwenden Sie left oder right, bei übereinander stehenden Widgets wird top oder bottom für Richtung eingesetzt.

Der packer macht aber jedes Widget nur so groß, wie es unbedingt sein muss. Ist das benachbarte Widget breiter, so bleibt Platz übrig, was Sie gut in Abbildung 3 sehen können. Wollen Sie hingegen, dass Ihre Widgets die zur Verfügung stehende Höhle gänzlichst ausfüllen, ergänzen Sie die Option -fill Richtung. Für Richtung kann x, y oder both angegeben werden.

pack .obererRahmen    -side top -fill x
pack .mittlererRahmen -side top -fill x
pack .untererRahmen   -side top -fill x

Sollten Sie jetzt ausprobieren, wie Ihr Programm aussieht, werden Sie wie in Abbildung 5 – fast – nichts sehen. Ihr Fenster ist nur so groß wie nötig und – da Frames selbst keinen Platz brauchen – beinahe verschwunden. Das wird sich ändern, wenn Sie nun andere Widgets hinein programmieren.

Abbildung 5: Unsichtbare Frames

Am einfachsten sind die Buttons, daher soll damit begonnen werden.