javafx中窗口中放置“顺转”和“逆转”两个按钮,当单击按钮时,将椭圆每次旋转30。。
时间: 2023-12-06 17:45:13 浏览: 78
旋转的按钮
在JavaFX中,可以通过使用`RotateTransition`类来实现椭圆的旋转动画。以下是一个例子,演示如何在单击按钮时,椭圆会顺时针或逆时针旋转30度:
```java
import javafx.animation.RotateTransition;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.StackPane;
import javafx.scene.shape.Ellipse;
import javafx.stage.Stage;
import javafx.util.Duration;
public class EllipseRotationDemo extends Application {
private Ellipse ellipse;
private RotateTransition rotateTransition;
@Override
public void start(Stage stage) {
// 创建椭圆
ellipse = new Ellipse(100, 100, 50, 30);
// 创建两个按钮
Button clockwiseButton = new Button("顺转");
clockwiseButton.setOnAction(event -> rotateClockwise());
Button counterclockwiseButton = new Button("逆转");
counterclockwiseButton.setOnAction(event -> rotateCounterclockwise());
// 将椭圆和按钮放入布局中
StackPane root = new StackPane();
root.getChildren().addAll(ellipse, clockwiseButton, counterclockwiseButton);
// 创建旋转动画
rotateTransition = new RotateTransition(Duration.seconds(1), ellipse);
rotateTransition.setByAngle(30);
// 创建场景并显示窗口
Scene scene = new Scene(root, 300, 250);
stage.setScene(scene);
stage.show();
}
// 顺时针旋转
private void rotateClockwise() {
rotateTransition.setRate(1);
rotateTransition.play();
}
// 逆时针旋转
private void rotateCounterclockwise() {
rotateTransition.setRate(-1);
rotateTransition.play();
}
public static void main(String[] args) {
launch(args);
}
}
```
在这个例子中,我们创建了一个`Ellipse`对象,以及两个`Button`对象,分别用于顺时针和逆时针旋转椭圆。在单击按钮时,我们将`RotateTransition`对象的`rate`属性设置为1或-1,以控制旋转方向,并调用`play()`方法开始旋转动画。
阅读全文