de:jltk:gui:example

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung
Nächste Überarbeitung
Vorherige Überarbeitung
de:jltk:gui:example [2023/12/18 18:35] jltkde:jltk:gui:example [2025/02/27 21:03] (aktuell) jltk
Zeile 5: Zeile 5:
 //jltk// stellt eine einfache Möglichkeit zur Verfügung kleine [[wpde>Grafische_Benutzeroberfläche|Grafische Benutzeroberflächen]] (GUI- **G**raphical **U**ser **I**nterface) zu erstellen. Jede Komponente der grafischen Oberfläche ist dabei ein Objekt, das im Quelltext erzeugt werden muss. Der Konstrukor nimmt dabei die Position, die Größe und weitere Informationen entgegen. //jltk// stellt eine einfache Möglichkeit zur Verfügung kleine [[wpde>Grafische_Benutzeroberfläche|Grafische Benutzeroberflächen]] (GUI- **G**raphical **U**ser **I**nterface) zu erstellen. Jede Komponente der grafischen Oberfläche ist dabei ein Objekt, das im Quelltext erzeugt werden muss. Der Konstrukor nimmt dabei die Position, die Größe und weitere Informationen entgegen.
  
-Damit die grafischen Elemente auf Ereignisse (z.B. anklicken) reagieren, müssen diese Objekte in einer Unterklasse [[de:jltk:classes:App]] sein.+Damit die grafischen Elemente (Komponenten) auf Ereignisse (z.B. anklicken) reagieren, müssen diese Objekte in einer Unterklasse [[de:jltk:classes:App]] sein. 
 + 
 +Auf der Seite [[de:jltk:gui:components|Komponenten einer grafischen Oberfläche]] werden alle Element, die man in einer GUI verwenden kann, vorgestellt. 
 + 
  
 ===== Beispiel: Fenster mit Label ===== ===== Beispiel: Fenster mit Label =====
Zeile 13: Zeile 17:
 Erzeugt man dann ein Objekt aus dieser Klasse, so wird die zugehörige GUI erstellt. Erzeugt man dann ein Objekt aus dieser Klasse, so wird die zugehörige GUI erstellt.
  
-{{ :0_global:jltk:gui:window_gui_example.png?300 |Fenster mit Label}}+{{ :0_global:jltk:gui:window_gui_example.png?250 |Fenster mit Label}}
  
  
Zeile 47: Zeile 51:
 ===== Beispiel: Label, TextField und Button ===== ===== Beispiel: Label, TextField und Button =====
  
-Das folgeden+Das folgende Beispiel zeigt eine Grafische Benutzeroberfläche mit einem Label (Etikett), TextField (Texteingabe) und einem Button (Schaltfläche). Wird der Button angeklickt, so wird eine Methode ausgeführt. 
  
-<file java GUIexample.java [enable_line_numbers="true"]>+<file java GUIexample.java [enable_line_numbers="true",highlight_lines_extra="15,18,25"]>
 import jltk.App;    // Klasse App import jltk.App;    // Klasse App
 import jltk.gui.*;  // GUI Komponenten import jltk.gui.*;  // GUI Komponenten
Zeile 71: Zeile 75:
         this.txtName = new TextField(100,25,100,25,"");         this.txtName = new TextField(100,25,100,25,"");
         // Aufgabelabel         // Aufgabelabel
-        this.lblText = new Label(50,100,150,25,"Is there anybody out there?");+        this.lblText = new Label(50,100,200,25,"Is there anybody out there?");
         // Button erzeugen         // Button erzeugen
         this.btnWrite = new Button(50,150,100,25,"Klick mich");         this.btnWrite = new Button(50,150,100,25,"Klick mich");
Zeile 78: Zeile 82:
  
     public void write(){     public void write(){
- 
         String name = this.txtName.getContentAsString();         String name = this.txtName.getContentAsString();
         if(name.length() == 0){         if(name.length() == 0){
Zeile 89: Zeile 92:
 </file> </file>
  
 +  * Zeile 8-10: Für jede Komponente wird eine Attribut angelegt.
 +  * Zeile 15: Mit ''this.window'' kann man auf das Fenster (kommt aus der Klasse //App//) zugreifen. Hier wird der Title (siehe Bild oben) geändert.
 +  * Zeile 25: Dem Button wird mitgeteilt, dass er die Methode //write()// (Zeile 28) ausführen muss, wenn er angeklickt wird
 +  * Zeile 28-35: Wird die Methode aufgerufen, wird zunächst der Inhalt des Textfelds ausgelesen. Ist dieser leer, wird //Hallo Welt!// in das Label geschrieben, ansonsten //Hallo // gefolgt von dem Textfeldinhalt und dem Ausrufezeichen.
 +
 +===== Siehe auch =====
 +
 +  * [[de:jltk:gui:components|Komponenten einer grafischen Oberfläche]]
 +  * [[de:jltk:gui:temperaturgui|Beispiel: Temperaturumrechner mit grafischer Benutzeroberfläche]]
  
-===== Komponenten einer GUI ===== 
-{{ :0_global:jltk:gui:gui_components_description.svg |Komponenten einer grafischen Oberfläche}} 
  • de/jltk/gui/example.1702920903.txt.gz
  • Zuletzt geändert: 2023/12/18 18:35
  • von jltk