JavaFX-イベント処理

JavaFXでは、GUIアプリケーション、Webアプリケーション、およびグラフィカルアプリケーションを開発できます。このようなアプリケーションでは、ユーザーがアプリケーション(ノード)を操作するたびに、イベントが発生したと言われます。

たとえば、ボタンのクリック、マウスの移動、キーボードからの文字の入力、リストからの項目の選択、ページのスクロールは、イベントを発生させるアクティビティです。

イベントの種類

イベントは大きく次の2つのカテゴリに分類できます-

  • Foreground Events−ユーザーの直接の対話を必要とするイベント。それらは、人がグラフィカルユーザーインターフェイスのグラフィカルコンポーネントと対話した結果として生成されます。たとえば、ボタンのクリック、マウスの移動、キーボードからの文字の入力、リストからの項目の選択、ページのスクロールなどです。

  • Background Events−エンドユーザーの対話を必要とするイベントは、バックグラウンドイベントと呼ばれます。オペレーティングシステムの割り込み、ハードウェアまたはソフトウェアの障害、タイマーの有効期限、操作の完了は、バックグラウンドイベントの例です。

JavaFXのイベント

JavaFXは、さまざまなイベントを処理するためのサポートを提供します。名前の付いたクラスEvent パッケージの javafx.event イベントの基本クラスです。

そのサブクラスのいずれかのインスタンスはイベントです。JavaFXは、さまざまなイベントを提供します。それらのいくつかを以下に示します。

  • Mouse Event−これは、マウスがクリックされたときに発生する入力イベントです。それはという名前のクラスによって表されますMouseEvent。これには、マウスのクリック、マウスの押下、マウスの解放、マウスの移動、マウスがターゲットに入った、マウスがターゲットから出たなどのアクションが含まれます。

  • Key Event−これは、ノードでキーストロークが発生したことを示す入力イベントです。それはという名前のクラスによって表されますKeyEvent。このイベントには、キーを押した、キーを離した、キーを入力したなどのアクションが含まれます。

  • Drag Event−これは、マウスをドラッグしたときに発生する入力イベントです。それはという名前のクラスによって表されますDragEvent。これには、ドラッグ入力、ドラッグドロップ、ドラッグ入力ターゲット、ドラッグ終了ターゲット、ドラッグオーバーなどのアクションが含まれます。

  • Window Event−これはウィンドウの表示/非表示アクションに関連するイベントです。それはという名前のクラスによって表されますWindowEvent。これには、ウィンドウの非表示、ウィンドウの表示、ウィンドウの非表示、ウィンドウの表示などのアクションが含まれます。

イベント処理

イベント処理は、イベントを制御し、イベントが発生した場合に何が発生するかを決定するメカニズムです。このメカニズムには、イベントが発生したときに実行されるイベントハンドラーと呼ばれるコードがあります。

JavaFXは、イベントを処理するためのハンドラーとフィルターを提供します。JavaFXでは、すべてのイベントに-があります。

  • Target−イベントが発生したノード。ターゲットには、ウィンドウ、シーン、およびノー​​ドを指定できます。

  • Source−イベントの生成元は、イベントのソースになります。上記のシナリオでは、マウスがイベントのソースです。

  • Type−発生したイベントのタイプ。マウスイベントの場合–マウスを押したとき、マウスを離したときがイベントのタイプです。

次のように、グループオブジェクトを使用してCircle、Stop、Playボタンが挿入されたアプリケーションがあるとします。

再生ボタンをクリックすると、ソースがマウスになり、ターゲットノードが再生ボタンになり、生成されるイベントのタイプはマウスクリックになります。

JavaFXでのイベント処理のフェーズ

イベントが生成されるたびに、JavaFXは次のフェーズを経ます。

ルート建設

イベントが生成されるたびに、イベントのデフォルト/初期ルートは、 Event Dispatch chain。ステージからソースノードへのパスです。

上記のシナリオで再生ボタンをクリックすると、生成されたイベントのイベントディスパッチチェーンは次のとおりです。

イベントキャプチャフェーズ

イベントディスパッチチェーンの構築後、アプリケーションのルートノードがイベントをディスパッチします。このイベントは、ディスパッチチェーン内のすべてのノードに(上から下に)移動します。これらのノードのいずれかにfilter生成されたイベントに登録すると、実行されます。ディスパッチチェーン内のどのノードにも生成されたイベントのフィルターがない場合、それはターゲットノードに渡され、最後にターゲットノードがイベントを処理します。

イベントバブリングフェーズ

イベントバブリングフェーズでは、イベントはターゲットノードからステージノードに(下から上に)移動します。イベントディスパッチチェーン内のノードのいずれかにhandler生成されたイベントに登録すると、実行されます。これらのノードのいずれにもイベントを処理するハンドラーがない場合、イベントはルートノードに到達し、最終的にプロセスが完了します。

イベントハンドラーとフィルター

イベントフィルターとハンドラーは、イベントを処理するためのアプリケーションロジックを含むものです。ノードは、複数のハンドラー/フィルターに登録できます。親子ノードの場合、すべての子ノードのデフォルトとして処理される共通のフィルター/ハンドラーを親に提供できます。

前述のように、イベント中、処理は実行されるフィルターであり、イベントバブリングフェーズ中にハンドラーが実行されます。すべてのハンドラーとフィルターはインターフェースを実装しますEventHandler パッケージの javafx.event

イベントフィルターの追加と削除

イベントフィルターをノードに追加するには、メソッドを使用してこのフィルターを登録する必要があります addEventFilter()Node クラス。

//Creating the mouse event handler 
EventHandler<MouseEvent> eventHandler = new EventHandler<MouseEvent>() { 
   @Override 
   public void handle(MouseEvent e) { 
      System.out.println("Hello World"); 
      circle.setFill(Color.DARKSLATEBLUE);  
   } 
};   
//Adding event Filter 
Circle.addEventFilter(MouseEvent.MOUSE_CLICKED, eventHandler);

同様に、以下に示すように、メソッドremoveEventFilter()を使用してフィルターを削除できます。

circle.removeEventFilter(MouseEvent.MOUSE_CLICKED, eventHandler);

イベント処理の例

以下は、イベントフィルターを使用したJavaFXでのイベント処理を示す例です。このコードを名前の付いたファイルに保存しますEventFiltersExample.java

import javafx.application.Application; 
import static javafx.application.Application.launch; 
import javafx.event.EventHandler;
 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.input.MouseEvent; 
import javafx.scene.paint.Color; 
import javafx.scene.shape.Circle; 

import javafx.scene.text.Font; 
import javafx.scene.text.FontWeight;
import javafx.scene.text.Text; 
import javafx.stage.Stage; 
         
public class EventFiltersExample extends Application { 
   @Override 
   public void start(Stage stage) {      
      //Drawing a Circle 
      Circle circle = new Circle(); 
      
      //Setting the position of the circle 
      circle.setCenterX(300.0f); 
      circle.setCenterY(135.0f); 
      
      //Setting the radius of the circle 
      circle.setRadius(25.0f); 
      
      //Setting the color of the circle 
      circle.setFill(Color.BROWN); 
      
      //Setting the stroke width of the circle 
      circle.setStrokeWidth(20);      
       
      //Setting the text 
      Text text = new Text("Click on the circle to change its color"); 
      
      //Setting the font of the text 
      text.setFont(Font.font(null, FontWeight.BOLD, 15));     
      
      //Setting the color of the text 
      text.setFill(Color.CRIMSON); 
  
      //setting the position of the text 
      text.setX(150); 
      text.setY(50); 
       
      //Creating the mouse event handler 
      EventHandler<MouseEvent> eventHandler = new EventHandler<MouseEvent>() { 
         @Override 
         public void handle(MouseEvent e) { 
            System.out.println("Hello World"); 
            circle.setFill(Color.DARKSLATEBLUE);
         } 
      };  
      //Registering the event filter 
      circle.addEventFilter(MouseEvent.MOUSE_CLICKED, eventHandler);   
       
      //Creating a Group object  
      Group root = new Group(circle, text); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300); 
       
      //Setting the fill color to the scene 
      scene.setFill(Color.LAVENDER);  
      
      //Setting title to the Stage 
      stage.setTitle("Event Filters Example");       
         
      //Adding scene to the stage 
      stage.setScene(scene); 
         
      //Displaying the contents of the stage 
      stage.show(); 
   } 
   public static void main(String args[]){ 
      launch(args); 
   } 
}

次のコマンドを使用して、コマンドプロンプトから保存したJavaファイルをコンパイルして実行します。

javac EventFiltersExample.java 
java EventFiltersExample

上記のプログラムを実行すると、以下のようなJavaFXウィンドウが生成されます。

イベントハンドラーの追加と削除

イベントハンドラーをノードに追加するには、メソッドを使用してこのハンドラーを登録する必要があります addEventHandler()Node 以下に示すクラス。

//Creating the mouse event handler 
EventHandler<javafx.scene.input.MouseEvent> eventHandler = 
   new EventHandler<javafx.scene.input.MouseEvent>() { 
   
   @Override 
   public void handle(javafx.scene.input.MouseEvent e) { 
      System.out.println("Hello World"); 
      circle.setFill(Color.DARKSLATEBLUE);             
   } 
};    
//Adding the event handler 
circle.addEventHandler(javafx.scene.input.MouseEvent.MOUSE_CLICKED, eventHandler);

同様に、以下に示すように、メソッドremoveEventHandler()を使用してイベントハンドラーを削除できます。

circle.removeEventHandler(MouseEvent.MOUSE_CLICKED, eventHandler);

次のプログラムは、イベントハンドラーを使用したJavaFXでのイベント処理を示す例です。

このコードを名前の付いたファイルに保存します EventHandlersExample.java

import javafx.animation.RotateTransition; 
import javafx.application.Application; 
import javafx.event.EventHandler; 

import javafx.scene.Group; 
import javafx.scene.PerspectiveCamera; 
import javafx.scene.Scene; 
import javafx.scene.control.TextField; 
import javafx.scene.input.KeyEvent; 
import javafx.scene.paint.Color; 
import javafx.scene.paint.PhongMaterial;
 
import javafx.scene.shape.Box; 
import javafx.scene.text.Font; 
import javafx.scene.text.FontWeight; 
import javafx.scene.text.Text;  
import javafx.scene.transform.Rotate; 
import javafx.stage.Stage; 
import javafx.util.Duration; 
         
public class EventHandlersExample extends Application { 
   
   @Override 
   public void start(Stage stage) {
      //Drawing a Box 
      Box box = new Box(); 
      
      //Setting the properties of the Box 
      box.setWidth(150.0); 
      box.setHeight(150.0);   
      box.setDepth(100.0); 
       
      //Setting the position of the box 
      box.setTranslateX(350);  
      box.setTranslateY(150); 
      box.setTranslateZ(50); 
       
      //Setting the text 
      Text text = new Text("Type any letter to rotate the box, 
         and click on the box to stop the rotation"); 
      
      //Setting the font of the text 
      text.setFont(Font.font(null, FontWeight.BOLD, 15));     
      
      //Setting the color of the text 
      text.setFill(Color.CRIMSON); 
      
      //setting the position of the text 
      text.setX(20); 
      text.setY(50); 
       
      //Setting the material of the box 
      PhongMaterial material = new PhongMaterial();  
      material.setDiffuseColor(Color.DARKSLATEBLUE);  
      
      //Setting the diffuse color material to box 
      box.setMaterial(material);       
       
      //Setting the rotation animation to the box    
      RotateTransition rotateTransition = new RotateTransition(); 
      
      //Setting the duration for the transition 
      rotateTransition.setDuration(Duration.millis(1000)); 
      
      //Setting the node for the transition 
      rotateTransition.setNode(box);       
      
      //Setting the axis of the rotation 
      rotateTransition.setAxis(Rotate.Y_AXIS); 
      
      //Setting the angle of the rotation
      rotateTransition.setByAngle(360); 
      
      //Setting the cycle count for the transition 
      rotateTransition.setCycleCount(50); 
      
      //Setting auto reverse value to false 
      rotateTransition.setAutoReverse(false);  
      
      //Creating a text filed 
      TextField textField = new TextField();   
      
      //Setting the position of the text field 
      textField.setLayoutX(50); 
      textField.setLayoutY(100); 
       
      //Handling the key typed event 
      EventHandler<KeyEvent> eventHandlerTextField = new EventHandler<KeyEvent>() { 
         @Override 
         public void handle(KeyEvent event) { 
            //Playing the animation 
            rotateTransition.play(); 
         }           
      };              
      //Adding an event handler to the text feld 
      textField.addEventHandler(KeyEvent.KEY_TYPED, eventHandlerTextField); 
       
      //Handling the mouse clicked event(on box) 
      EventHandler<javafx.scene.input.MouseEvent> eventHandlerBox = 
         new EventHandler<javafx.scene.input.MouseEvent>() { 
         
         @Override 
         public void handle(javafx.scene.input.MouseEvent e) { 
            rotateTransition.stop();  
         } 
      }; 
      //Adding the event handler to the box  
      box.addEventHandler(javafx.scene.input.MouseEvent.MOUSE_CLICKED, eventHandlerBox);
       
      //Creating a Group object
      Group root = new Group(box, textField, text); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);      
      
      //Setting camera 
      PerspectiveCamera camera = new PerspectiveCamera(false); 
      camera.setTranslateX(0); 
      camera.setTranslateY(0); 
      camera.setTranslateZ(0); 
      scene.setCamera(camera);  
      
      //Setting title to the Stage 
      stage.setTitle("Event Handlers Example"); 
         
      //Adding scene to the stage 
      stage.setScene(scene); 
         
      //Displaying the contents of the stage 
      stage.show(); 
   } 
   public static void main(String args[]){ 
      launch(args); 
   } 
}

次のコマンドを使用して、コマンドプロンプトから保存したJavaファイルをコンパイルして実行します。

javac EventHandlersExample.java 
java EventHandlersExample

上記のプログラムを実行すると、以下に示すように、テキストフィールドと3Dボックスを表示するJavaFXウィンドウが生成されます。

ここで、テキストフィールドに文字を入力すると、3Dボックスがx軸に沿って回転し始めます。ボックスをもう一度クリックすると、回転が停止します。

イベント処理のための便利な方法の使用

JavaFXの一部のクラスは、イベントハンドラのプロパティを定義します。それぞれのセッターメソッドを使用してこれらのプロパティに値を設定することにより、イベントハンドラーに登録できます。これらの方法は、便利な方法として知られています。

これらのメソッドのほとんどは、Node、Scene、Windowなどのクラスに存在し、すべてのサブクラスで使用できます。

たとえば、マウスイベントリスナーをボタンに追加するには、便利なメソッドを使用できます setOnMouseClicked() 以下に示すように。

playButton.setOnMouseClicked((new EventHandler<MouseEvent>() { 
   public void handle(MouseEvent event) { 
      System.out.println("Hello World"); 
      pathTransition.play(); 
   } 
}));

次のプログラムは、便利なメソッドを使用したJavaFXでのイベント処理を示す例です。

このコードを名前のファイルに保存します ConvinienceMethodsExample.java

import javafx.animation.PathTransition; 
import javafx.application.Application; 
import static javafx.application.Application.launch; 
import javafx.event.EventHandler; 

import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.control.Button; 
import javafx.scene.input.MouseEvent; 
import javafx.scene.paint.Color; 

import javafx.scene.shape.Circle; 
import javafx.scene.shape.LineTo; 
import javafx.scene.shape.MoveTo; 
import javafx.scene.shape.Path; 
import javafx.stage.Stage; 
import javafx.util.Duration; 
         
public class ConvinienceMethodsExample extends Application { 
   @Override 
   public void start(Stage stage) {      
      //Drawing a Circle 
      Circle circle = new Circle(); 
      
      //Setting the position of the circle 
      circle.setCenterX(300.0f); 
      circle.setCenterY(135.0f); 
      
      //Setting the radius of the circle 
      circle.setRadius(25.0f);  
      
      //Setting the color of the circle 
      circle.setFill(Color.BROWN); 
      
      //Setting the stroke width of the circle 
      circle.setStrokeWidth(20);      
       
      //Creating a Path 
      Path path = new Path(); 
      
      //Moving to the staring point 
      MoveTo moveTo = new MoveTo(208, 71);               
      
      //Creating 1st line 
      LineTo line1 = new LineTo(421, 161);        
      
      //Creating 2nd line 
      LineTo line2 = new LineTo(226,232); 
      
      //Creating 3rd line 
      LineTo line3 = new LineTo(332,52);        
      
      //Creating 4th line 
      LineTo line4 = new LineTo(369, 250);        
      
      //Creating 5th line 
      LineTo line5 = new LineTo(208, 71);       
      
      //Adding all the elements to the path 
      path.getElements().add(moveTo); 
      path.getElements().addAll(line1, line2, line3, line4, line5);     
      
      //Creating the path transition 
      PathTransition pathTransition = new PathTransition(); 
      
      //Setting the duration of the transition 
      pathTransition.setDuration(Duration.millis(1000));       
      
      //Setting the node for the transition 
      pathTransition.setNode(circle); 
      
      //Setting the path for the transition 
      pathTransition.setPath(path); 
      
      //Setting the orientation of the path 
      pathTransition.setOrientation(
         PathTransition.OrientationType.ORTHOGONAL_TO_TAN GENT);
      
      //Setting the cycle count for the transition 
      pathTransition.setCycleCount(50); 
      
      //Setting auto reverse value to true 
      pathTransition.setAutoReverse(false);
      
      //Creating play button 
      Button playButton = new Button("Play"); 
      playButton.setLayoutX(300); 
      playButton.setLayoutY(250); 
       
      circle.setOnMouseClicked (new EventHandler<javafx.scene.input.MouseEvent>() { 
         @Override 
         public void handle(javafx.scene.input.MouseEvent e) { 
            System.out.println("Hello World"); 
            circle.setFill(Color.DARKSLATEBLUE);             
         } 
      });   
      playButton.setOnMouseClicked((new EventHandler<MouseEvent>() { 
         public void handle(MouseEvent event) { 
            System.out.println("Hello World");  
            pathTransition.play(); 
         } 
      })); 
       
      //Creating stop button 
      Button stopButton = new Button("stop"); 
      stopButton.setLayoutX(250); 
      stopButton.setLayoutY(250); 
      
      stopButton.setOnMouseClicked((new EventHandler<MouseEvent>() { 
         public void handle(MouseEvent event) { 
            System.out.println("Hello World"); 
            pathTransition.stop(); 
         } 
      }));
      //Creating a Group object  
      Group root = new Group(circle, playButton, stopButton); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300); 
      scene.setFill(Color.LAVENDER);  
      
      //Setting title to the Stage 
      stage.setTitle("Convenience Methods Example");  
         
      //Adding scene to the stage 
      stage.setScene(scene); 
         
      //Displaying the contents of the stage 
      stage.show(); 
   } 
   public static void main(String args[]){ 
      launch(args); 
   } 
}

次のコマンドを使用して、コマンドプロンプトから保存したJavaファイルをコンパイルして実行します。

javac ConvinienceMethodsExample.java 
java ConvinienceMethodsExample

上記のプログラムを実行すると、以下のようなJavaFXウィンドウが生成されます。ここで、再生ボタンをクリックしてアニメーションを開始し、停止ボタンをクリックしてアニメーションを停止します。