javafx窗口中放置“顺转”和“逆转”两个按钮,当单击按钮时,将椭圆每次旋转30。。
时间: 2023-09-18 07:12:11 浏览: 59
旋转的按钮
可以使用JavaFX的`Rotate`来实现椭圆的旋转。下面是一个简单的例子,演示如何在JavaFX窗口中放置“顺转”和“逆转”两个按钮,每次单击按钮时将椭圆旋转30度。
```java
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.Pane;
import javafx.scene.shape.Ellipse;
import javafx.scene.transform.Rotate;
import javafx.stage.Stage;
public class EllipseRotation extends Application {
private double angle = 0.0;
@Override
public void start(Stage primaryStage) throws Exception {
// 创建椭圆
Ellipse ellipse = new Ellipse(150, 100, 100, 50);
ellipse.setFill(null);
ellipse.setStrokeWidth(2);
// 将椭圆添加到Pane中
Pane pane = new Pane(ellipse);
// 创建“顺转”和“逆转”两个按钮
Button btnClockwise = new Button("顺转");
btnClockwise.setLayoutX(50);
btnClockwise.setLayoutY(200);
Button btnAntiClockwise = new Button("逆转");
btnAntiClockwise.setLayoutX(150);
btnAntiClockwise.setLayoutY(200);
// 为按钮添加事件处理程序
btnClockwise.setOnAction(event -> rotateClockwise(ellipse));
btnAntiClockwise.setOnAction(event -> rotateAntiClockwise(ellipse));
// 将按钮添加到Pane中
pane.getChildren().addAll(btnClockwise, btnAntiClockwise);
// 创建场景并将Pane添加到场景中
Scene scene = new Scene(pane, 300, 250);
// 将场景添加到主舞台中并显示
primaryStage.setScene(scene);
primaryStage.setTitle("Ellipse Rotation");
primaryStage.show();
}
private void rotateClockwise(Ellipse ellipse) {
angle += 30;
Rotate rotate = new Rotate(angle, ellipse.getCenterX(), ellipse.getCenterY());
ellipse.getTransforms().clear();
ellipse.getTransforms().add(rotate);
}
private void rotateAntiClockwise(Ellipse ellipse) {
angle -= 30;
Rotate rotate = new Rotate(angle, ellipse.getCenterX(), ellipse.getCenterY());
ellipse.getTransforms().clear();
ellipse.getTransforms().add(rotate);
}
public static void main(String[] args) {
launch(args);
}
}
```
在这个例子中,我们创建了一个椭圆,并将其添加到一个`Pane`中。然后,我们创建了两个按钮,分别用于顺时针旋转和逆时针旋转椭圆。在按钮的事件处理程序中,我们使用`Rotate`类来实现椭圆的旋转。每次单击按钮时,我们将旋转角度增加或减少30度,并创建一个新的`Rotate`对象来应用旋转变换。最后,我们将该变换添加到椭圆的`transforms`列表中,以实现旋转效果。
阅读全文