api:documentation:grafik:gui
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
api:documentation:grafik:gui [2023/04/01 22:36] – [OnChange-Listener] Martin Pabst | api:documentation:grafik:gui [2023/04/02 14:24] (aktuell) – Martin Pabst | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
====== GUI-Elemente ====== | ====== GUI-Elemente ====== | ||
<WRAP center round info 80%> | <WRAP center round info 80%> | ||
- | Die Online-IDE bringt ein paar einfache GUI-Elemente mit, mit denen sich einfache | + | Die Online-IDE bringt ein paar einfache GUI-Elemente mit, mit denen sich Dialoge bauen lassen: |
* Button | * Button | ||
* Textfield (einzeiliges Texteingabefeld) | * Textfield (einzeiliges Texteingabefeld) | ||
Zeile 7: | Zeile 7: | ||
* Radiubutton (Auswahlfeld) | * Radiubutton (Auswahlfeld) | ||
- | Das folgende kleine Beispiel zeigt, wie einfach | + | Das folgende kleine Beispiel zeigt die Verwendung. |
</ | </ | ||
Zeile 55: | Zeile 55: | ||
</ | </ | ||
+ | ==== Überschreiben der onChange-Methode ==== | ||
+ | < | ||
+ | |||
+ | <div class=" | ||
+ | |||
+ | <script type=" | ||
+ | MyTextField t = new MyTextField(50, | ||
+ | |||
+ | class MyTextField extends TextField { | ||
+ | |||
+ | public void onChange(String newValue) { | ||
+ | println(" | ||
+ | } | ||
+ | |||
+ | } | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | |||
+ | </ | ||
==== OnChange-Listener ==== | ==== OnChange-Listener ==== | ||
Zeile 80: | Zeile 100: | ||
- | ==== Überschreiben der onChange-Methode | + | ===== Verändern des Aussehens ===== |
+ | <WRAP center round info 80%> | ||
+ | Alle GUI-Elemente verfügen über Methoden zum Ändern (fast) aller Farben und lassen sich beliebig vergrößern/ | ||
+ | </ | ||
+ | |||
+ | ==== Extrembeispiel | ||
< | < | ||
- | <div class=" | + | <div class=" |
<script type=" | <script type=" | ||
- | MyTextField t = new MyTextField(50, 50, 500, 32, " | + | SystemTools.setSpeed(-1); |
+ | |||
+ | MyTextField t = new MyTextField(200, 300, 500, 32, " | ||
+ | t.setFillColor(Color.bisque); | ||
+ | t.setBorderColor(Color.blueviolet); | ||
+ | t.setBorderWidth(8); | ||
+ | t.setTextColor(0x942424); | ||
+ | |||
+ | class MyTextField extends TextField { | ||
- | class MyTextField { | ||
- | |||
public void onChange(String newValue) { | public void onChange(String newValue) { | ||
println(" | println(" | ||
} | } | ||
+ | |||
+ | | ||
+ | rotate(0.5); | ||
+ | } | ||
} | } | ||
Zeile 100: | Zeile 134: | ||
</ | </ | ||
+ | |||
+ |
api/documentation/grafik/gui.1680381362.txt.gz · Zuletzt geändert: 2023/04/01 22:36 von Martin Pabst