JavaFX四色轮盘点击按钮顺时针旋转90度功能实现求助

问题根源 #

• 变量遮蔽：start方法中重新定义了局部变量（如blueArc、circle），覆盖了类的成员变量，导致processButtonPress方法中访问的成员变量为null，且操作对象不是界面上已存在的组件。
• 错误创建新Group：点击按钮时新建了一个Group，而非修改已经添加到场景中的目标Group，旋转操作无法反映到界面上。
• 绝对旋转而非累加：setRotate(90)是设置固定旋转角度，而非每次点击顺时针增加90度。
• 场景尺寸不足：原场景300x100的尺寸无法完整显示轮盘（轮盘中心在200,200，半径150），导致部分区域被截断。

修复后的代码 #

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.layout.FlowPane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Arc;
import javafx.scene.shape.ArcType;
import javafx.stage.Stage;
import javafx.event.ActionEvent;
import javafx.geometry.Pos;
import javafx.scene.control.Button;

public class four_color_wheel extends Application {
    private Group circle;
    private FlowPane pane;
    private Button rotate;
    private Arc blueArc, greenArc, yellowArc, redArc;

    public void start(Stage primaryStage) {
        // Blue Arc - 直接给成员变量赋值，避免局部变量遮蔽
        blueArc = new Arc(200, 200, 150, 150, 0, 90);
        blueArc.setType(ArcType.ROUND);
        blueArc.setStroke(Color.BLUE);
        blueArc.setFill(Color.BLUE);
    
        // Green Arc
        greenArc = new Arc(200, 200, 150, 150, 90, 90);
        greenArc.setType(ArcType.ROUND);
        greenArc.setStroke(Color.GREEN);
        greenArc.setFill(Color.GREEN);
    
        // Yellow Arc
        yellowArc = new Arc(200, 200, 150, 150, 180, 90);
        yellowArc.setType(ArcType.ROUND);
        yellowArc.setStroke(Color.YELLOW);
        yellowArc.setFill(Color.YELLOW);

        // Red Arc
        redArc = new Arc(200, 200, 150, 150, 270, 90);
        redArc.setType(ArcType.ROUND);
        redArc.setStroke(Color.RED);
        redArc.setFill(Color.RED);

        // 给成员变量circle赋值，指向界面中的实际Group
        circle = new Group(blueArc, greenArc, yellowArc, redArc);

        // 给成员变量rotate赋值
        rotate = new Button("Rotate Right");
        rotate.setOnAction(this::processButtonPress);
    
        // 给成员变量pane赋值
        pane = new FlowPane(circle, rotate);
        pane.setAlignment(Pos.CENTER);
        pane.setHgap(20);
        pane.setStyle("-fx-background-color: GRAY");
    
        // 增大场景尺寸，完整显示轮盘
        Scene scene = new Scene(pane, 500, 500);
        primaryStage.setTitle("Four-Color Wheel");
        primaryStage.setScene(scene);
        primaryStage.show();
    } 
    
    public void processButtonPress(ActionEvent event) {
        // 直接操作已添加到场景的circle，累加旋转角度实现连续顺时针旋转
        circle.setRotate(circle.getRotate() + 90);
    }
}

关键修复说明 #

• 移除start方法中局部变量的重新定义，确保成员变量指向界面上的实际组件。
• 按钮点击事件中直接修改已存在的circle旋转角度，采用累加方式实现每次顺时针转90度。
• 调整场景尺寸为500x500，确保轮盘完整显示在界面中。

内容的提问来源于stack exchange，提问作者Carli C