Benutzer-Werkzeuge

Webseiten-Werkzeuge


api:documentation:grafik:gui

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
api:documentation:grafik:gui [2023/04/01 22:16] – [Methodenaufruf bei Benutzeraktionen] Martin Pabstapi: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 Dialoge bauen lassen:+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 die Verwendung ist.+Das folgende kleine Beispiel zeigt die Verwendung.
 </WRAP> </WRAP>
  
Zeile 55: Zeile 55:
  
 </WRAP> </WRAP>
 +==== Überschreiben der onChange-Methode ====
 +<HTML>
 +
 +<div class="java-online" style="height: 300px; width: 100%" data-java-online="{'withBottomPanel': false, 'id': 'guitest3'}">
 +
 +<script type="text/plain" title="GUI-Test.java">
 +MyTextField t = new MyTextField(50, 50, 500, 32, "Schreiben Sie hier was rein!");
 +
 +class MyTextField extends TextField {
 +   
 +  public void onChange(String newValue) {
 +    println("Neuer Wert: " + newValue);
 +  }
 +
 +}
 +</script>
 +
 +</div>
 +
 +</HTML>
 +
 +==== OnChange-Listener ====
 +<HTML>
 +
 +<div class="java-online" style="height: 400px; width: 100%" data-java-online="{'withBottomPanel': false, 'id': 'guitest2'}">
 +
 +<script type="text/plain" title="GUI-Test.java">
 +TextField t = new TextField(50, 50, 500, 32, "Schreiben Sie hier was rein!");
 +
 +t.addChangeListener(new MyChangeListener());
 +
 +class MyChangeListener implements ChangeListener {
 +   
 +  public void onChange(Object changedObject, String newValue) {
 +    println("Neuer Wert: " + newValue);
 +  }
 +
 +}
 +</script>
 +
 +</div>
 +
 +</HTML>
 +
 +
 +===== 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/verkleinern. Außerdem sind sie Unterklassen von ''shape'', so dass sie sich beliebig drehen, strecken und verschieben lassen und selbstverständlich auch auf Kollisionen reagieren könnten (falls das je gebraucht wird).
 +</WRAP>
 +
 +==== Extrembeispiel ====
 +<HTML>
 +
 +<div class="java-online" style="height: 400px; width: 100%" data-java-online="{'withBottomPanel': false, 'id': 'guitest4'}">
 +<script type="text/plain" title="GUI-Test.java">
 +SystemTools.setSpeed(-1);
 +
 +MyTextField t = new MyTextField(200, 300, 500, 32, "Schreiben Sie hier was rein!");
 +t.setFillColor(Color.bisque);
 +t.setBorderColor(Color.blueviolet);
 +t.setBorderWidth(8);
 +t.setTextColor(0x942424);
 +
 +class MyTextField extends TextField {
 +
 +  public void onChange(String newValue) {
 +    println("Neuer Wert: " + newValue);
 +  }
 +
 +   public void act() {
 +      rotate(0.5);
 +   }
 +
 +}
 +</script>
 +
 +</div>
 +
 +</HTML>
 +
  
api/documentation/grafik/gui.1680380181.txt.gz · Zuletzt geändert: 2023/04/01 22:16 von Martin Pabst

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki