画布和锚具只会随着窗口的大小而变大

Question

我对JavaFX有问题。当我调整窗口大小时，它会自动调整锚具的大小以适应。此外，帆布的宽度和高度属性也被绑定到锚烷上。因此，如果通过重新调整窗口本身，锚烷变大，画布也会变大。

但是当我把窗户变小，宽度和高度保持不变时，问题就来了。我真的不明白那里的行为。

因此，如果在使窗户更大的宽度和高度是100。然后在把窗口缩小后，它仍然是100。。。除息的

这是我的画布控制器。

package de.schlo.spoteditor;

import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.scene.canvas.Canvas;
import javafx.scene.canvas.GraphicsContext;
import javafx.scene.control.Button;
import javafx.scene.image.Image;
import javafx.scene.layout.AnchorPane;
import javafx.scene.paint.Color;

import java.net.URISyntaxException;

public class ControllerCanvas {
    @FXML
    Canvas canvas;
    @FXML
    Button btnPaint;
    @FXML
    Button btnClear;
    @FXML
    AnchorPane apCanvas;
    @FXML
    AnchorPane apGC;

    GraphicsContext gc;
    String imageURL = this.getClass().getClassLoader().getResource("000.jpg").toString();
    Image image = new Image(imageURL);

    @FXML
    public void initialize() throws URISyntaxException {
        gc = canvas.getGraphicsContext2D();
        gc.drawImage(image, 0, 0,canvas.getWidth(), canvas.getHeight());
        canvas.widthProperty().bind(apCanvas.widthProperty());
        canvas.heightProperty().bind(apCanvas.heightProperty());
    }

    @FXML
    private void paintAction(ActionEvent event) {
        gc.setFill(Color.DARKBLUE);
        gc.fillOval(65, 30, 30, 30);
    }

    @FXML
    private void clearAction(ActionEvent event) {
        gc.drawImage(image, 0, 0,canvas.getWidth(), canvas.getHeight());
        System.out.println(apCanvas.widthProperty().get());
        System.out.println(apCanvas.heightProperty().get());

        System.out.println(canvas.widthProperty().get());
        System.out.println(canvas.heightProperty().get());
        System.out.println();
    }
}

以及我对应的FXML：

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.canvas.Canvas?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.VBox?>

<AnchorPane fx:id="apGC" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" xmlns="http://javafx.com/javafx/18" xmlns:fx="http://javafx.com/fxml/1" fx:controller="de.schlo.spoteditor.ControllerCanvas">
   <children>
      <VBox AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
         <children>
            <Button fx:id="btnPaint" mnemonicParsing="false" onAction="#paintAction" text="Paint" />
            <Button fx:id="btnClear" mnemonicParsing="false" onAction="#clearAction" text="Clean" />
            <AnchorPane fx:id="apCanvas" VBox.vgrow="ALWAYS">
               <children>
                  <Canvas fx:id="canvas" height="510.0" width="510.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
               </children>
            </AnchorPane>
         </children>
      </VBox>
   </children>
</AnchorPane>

Answer 1

在尝试了一下之后，我找到了一个简单的解决方案。

画布现在被包裹在一个ScrollPane中，该ScrollPane被包裹在一个AnchorePane中。

现在它工作得很好：）