Benutzer-Werkzeuge

Webseiten-Werkzeuge


api:documentation:grafik:mausereignisse

Reagieren auf Maus- und Tastaturereignisse (Event-Handler)

Jedes graphische Objekt (d.h. jede von Shape abgeleitete Klasse) besitzt Methoden, die bei Maus- oder Tastaturereignissen aufgerufen werden:

  • onMouseDown(int key)
    wird aufgerufen, wenn sich der Mauszeiger über dem Objekt befindet und eine Maustaste heruntergedrückt wurde. key == 0 bedeutet: linke Taste, key == 2 bedeutet: rechte Taste.
  • onMouseUp(int key)
    wird aufgerufen, wenn sich der Mauszeiger über dem Objekt befindet und eine Maustaste losgelassen wurde. key == 0 bedeutet: linke Taste, key == 2 bedeutet: rechte Taste.
  • onMouseEnter()
    wird aufgerufen, wenn der Mauszeiger sich in das Objekt hineinbewegt.
  • onMouseLeave()
    wird aufgerufen, wenn der Mauszeiger sich aus dem Objekt herausbewegt.
  • onKeyDown(String key)
    wird aufgerufen, wenn eine Taste der Tastatur gerade heruntergedrückt wurde.
  • onKeyUp(String key)
    wird aufgerufen, wenn eine Taste der Tastatur gerade losgelassen wurde.
  • onKeyTyped(String key)
    wird aufgerufen, wenn eine Taste der Tastatur angeschlagen (heruntergedrückt und losgelassen) wurde. Der Unterschied zu onKeyUp besteht darin, dass das Betriebssystem je nach Einstellung beim längeren Halten einer Taste viele KeyTyped-Ereignisse in Folge auslöst, jedoch nur ein einziges KeyUp-Ereignis beim Loslassen der Taste.

Diese Methoden der Grafikobjekte (Rectangle, Circle, …) sind allesamt leer, d.h. die Graphikobjekte reagieren erstmal nicht auf die Maus- und Tastaturereignisse. Damit sich das ändert, musst du wie folgt vorgehen:

  1. Schreibe eine eigene Klasse, die Unterklasse einer graphischen Klasse ist (z.B. class Test extends Rectangle { }).
  2. Überschreibe nun in dieser Klasse eine oder mehrere der obigen Methoden. Diese Methoden nennt man Ereignishandler.
  3. Wir eines der Ereignisse ausgelöst, so wird jetzt deine dazugehörige Methode aufgerufen und der Programmcode darin ausgeführt.

Das klingt jetzt vielleicht kompliziert, ist es aber nicht! Du findest auf dieser Seite im Folgenden viele kleine Beispiele, an denen Du leicht sehen kannst, wie es geht.

Beispiel 1: Überschreiben der onMouseDown-Methode

Stelle die Geschwindigkeit auf maximal, starte das Programm und klicke zuerst mit der linken Maustaste, dann mit der rechten Maustaste auf die Quadrate!

Beispiel 2: Drehen eines Dreiecks mit den Tasten r und l

Stelle die Programmgeschwindigkeit auf maximal, starte das Programm und drücke die Tasten r oder l. Probiere auch aus, was passiert, wenn Du die Tasten für längere Zeit hältst!
Falls das Programm nicht reagiert, hat vielleicht irgendein anderes Control im Browser den Tastaturfokus. Klicke in diesem Fall einfach einmal mit der Maus in den Grafikbereich, damit er den Tastaturfokus erhält.

Beispiel 3: Überschreiben der onMouseEnter/onMouseLeave-Methoden

Setze die Geschwindigkeit auf maximal, starte das Programm und fahre mit der Maus über die Quadrate!

Beispiel 4: Drag and Drop

Durch geschickte Nutzung der obigen Handler lässt sich Drag and Drop per Maus verwirklichen:

api/documentation/grafik/mausereignisse.txt · Zuletzt geändert: 2024/08/31 12:03 von 127.0.0.1