JavaFX RippleAnimation über einen Knopf

Question

Ich möchte ein RippleAnimation schaffen, so habe ich einen Kreis und verwendet ScaleTransition und steckte es in eine Button mit der Methode setGraphic(..);

---

Beispielcode:

 final Circle circle = new Circle(3); 
     circle.setFill(Color.color(0, 0, 0, 0.2)); 
     ScaleTransition scaleTransition = new ScaleTransition(Duration.millis(500), circle); 
     scaleTransition.setToX(50f); 
     scaleTransition.setToY(50f); 
     scaleTransition.setAutoReverse(false); 
     scaleTransition.setCycleCount(1); 
     button.setGraphic(circle); 
     button.setOnMouseEntered(new EventHandler<MouseEvent>() { 
      @Override 
      public void handle(MouseEvent event) { 
       scaleTransition.play(); 
      } 
     }); 
... 

aber es wird über die Button:

Wie kann ich erreichen, dass der Kreis nicht über den Knopf kommt?

Answer 1

Einfach Form Clipping verwenden:

Rectangle clip = new Rectangle(); 
clip.widthProperty().bind(button.widthProperty()); 
clip.heightPropety().bind(button.heightProperty()); 

circle.setClip(clip); 

Hoffnung das funktioniert, weil nicht mit setGraphics() je gearbeitet. Versuchen Sie vielleicht, Taste + Kreis in eine StackPane zu setzen, um die gleichen Ergebnisse zu erzielen.