为 JavaFX 形状着色

Question

我有一个包含两个按钮的场景图，一个用于创建矩形，一个用于创建圆形，还有一个滑块，当移动它时会改变形状对象的颜色。形状也是可拖动的。不幸的是，颜色滑块并不能完全按照我想要的方式工作。这个想法是，一旦通过按钮创建形状，并用鼠标单击形状，形状的颜色将根据滑块拖动的位置而改变（唯一的颜色是红色）。

问题是我无法根据需要独立为形状着色和重新着色 - 如果先创建矩形，然后创建圆形，我可以为矩形着色，但不能为圆形着色。如果我先创建圆形拳头，然后创建矩形，我可以先为圆形着色，然后再为矩形着色，但再次选择圆形时，无法着色​​

import javafx.application.Application;
import javafx.beans.value.ObservableValue;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Slider;
import javafx.stage.Stage;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.scene.shape.Rectangle;


public class SquareRectangle extends Application
{
    private Rectangle selectedRectangle;
    private Circle selectedCircle;
    private int red = 255;
    private int green = 0;
    private int blue = 0;

    public static void main(String [] args)
    {
        launch(args);
    }
    public void start(Stage primaryStage)
    {
        Pane root = new Pane();
        Scene scene = new Scene(root,800,800);

        Button Rectangles = new Button("Rectangles");
        Button Circles = new Button("Circles");
        Slider ColorSlider = new Slider(0,255,0);
        Circles.setLayoutX(90);
        ColorSlider.setLayoutY(70);

        Rectangles.setOnAction(e ->{
            Rectangle rect = new Rectangle();
            rect.setLayoutX(1080/2);
            rect.setLayoutY(400);
            rect.setOnMouseDragged(f ->{
                rect.setX(f.getX());
                rect.setY(f.getY());
            });
            rect.setOnMousePressed(g ->{
                selectedRectangle = (Rectangle) g.getTarget();
            });
            root.getChildren().add(rect);
            rect.setHeight(100);
            rect.setWidth(200);
        });

        Circles.setOnAction( e ->{
            Circle circle = new Circle(300,300,100);
            circle.setLayoutX(200);
            circle.setLayoutY(200);
            circle.setOnMouseDragged(f ->{
                circle.setCenterX(f.getX());
                circle.setCenterY(f.getY());
            });
            circle.setOnMousePressed(g ->{
                selectedCircle = (Circle) g.getTarget();
            });
            root.getChildren().add(circle);
        });

        ColorSlider.valueProperty().addListener(
            (ObservableValue<? extends Number> ov,Number curVal, Number newVal)->{
                    if(selectedRectangle != null){
                        red = (int) ColorSlider.getValue();
                        selectedRectangle.setFill(Color.rgb(red,green,blue));
                }
                    else if(selectedCircle != null && selectedRectangle == null){
                        red = (int) ColorSlider.getValue();
                        selectedCircle.setFill(Color.rgb(red,green,blue));
                }
            });


        root.getChildren().addAll(Rectangles,Circles,ColorSlider);

        primaryStage.setTitle("Shapes");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

}

我不太确定自己遗漏了什么或做错了什么？

Answer 1

每当您选择一个形状时，该形状就会被设置为selectedRectangle = (Rectangle) g.getTarget(); 或selectedCircle = (Circle) g.getTarget();。

在更改颜色的代码中，它总是会检查矩形是否不为空：

if (selectedRectangle != null) {
    red = (int) ColorSlider.getValue();
    selectedRectangle.setFill(Color.rgb(red, green, blue));
} else if (selectedCircle != null && selectedRectangle == null) {
    red = (int) ColorSlider.getValue();
    selectedCircle.setFill(Color.rgb(red, green, blue));
}

使用上面的代码，确保selectedCircle 在第一条语句中为空 (if (selectedRectangle != null && selectedCircle == null) {)

另外，您需要确保在选择新形状时将另一个形状设置为空：

selectedRectangle = (Rectangle) g.getTarget();
selectedCircle = null;

圆圈反之亦然。