Informatik für Lehrkräfte

8
Grafische Benutzerschnittstellen mit Ruby
In diesem Kapitel lernen wir die Shoes-Bibliothek 1 zur Erstellung einfacher
grafischer Benutzerschnittstellen (englisch: GUI für graphical user
interfaces) in Ruby kennen.
Wir werden sehen wie grafische Benutzerschnittstellen mit Shoes strukturiert
werden, wie Benutzereingaben eingelesen und verarbeitet werden
und wie Anzeige-Elemente dynamisch verändert werden können. Statt
diese Punkte der Reihe nach abzuarbeiten, werden wir die zugehörigen
Konzepte exemplarisch anhand von Beispielanwendungen einführen.
Das Hello-World Programm sieht in Shoes so aus:
1
Shoes ist unter http://shoesrb.com/
downloads.html für Linux, Windows
und Mac frei zum Download verfügar. Eine
Ruby- Installation ist zum Ausführen
von Shoes nicht notwendig bzw. wird, falls
vorhanden, nicht verwendet.
Shoes.app {
para "Hello World!"
}
An die Prozedur Shoes.app wird ein Block übergeben, der einen Aufruf
der Methode para enthält. Dadurch wird ein Fenster geöffnet, dessen
Inhalt ein Absatz (englisch: paragraph) mit dem Text “Hello World!” ist.
Dieses Programm können wir in der Datei hello.rb speichern und
dann wie folgt in der Konsole ausführen.
# shoes hello.rb
Statt ruby oder irb verwenden wir hier also das Programm shoes.
Wir können dies auch ohne Argumente (zum Beispiel vom Desktop aus)
starten und dann mit einem Dateiauswahl-Dialog das auszuführende
Programm auswählen.
Das folgende Programm enthält ein Eingabefeld und zeigt dessen
Inhalt auf Knopfdruck in einem Dialogfenster an.
Shoes.app(:width => 200, :height => 50) {
@input = edit_line("Hier Text eingeben..")
button("OK") {
alert(@input.text)
}
}
Hier übergeben wir in Form einer Hash-Tabelle zusätzliche Parameter
an die Prozedur Shoes.app, um die Größe des geöffneten Fensters zu
beeinflussen. In der ersten Zeile des übergebenen Blocks erzeugen wir