JavaFx画布只调整高度而不调整宽度

Question

我已经开始为绘制温度数据编程这个应用html" target="_blank">程序，当屏幕调整大小时，画布也应该调整大小。它初始化正确，但当我想调整窗口大小时，draw（）方法只会根据它绑定的stackpanes高度值调整高度大小，但它将完全忽略宽度。听者甚至不会开火。这我觉得很奇怪。此外，我必须为StackPane设置最小大小，否则将不会绘制任何东西。我没有使用FXML。

编辑我将第58行从setRight（）更改为setCenter，正如来自InternetUnExplorer的解决方案中提到的。但我还是很好奇为什么会这样，所以我做了一些研究。我在网上找到了这个：

• 顶部/底部区域：可横向收缩/扩展，高度不变。
• 左/右区域：可垂直收缩/扩张，长度不变。
• 中心区域：可以在两个方向上收缩/扩展。

http://o7planning.org/en/10629/javafx-borderpane-layout-tutorial

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class main extends Application {

    @Override
    public void start(Stage mainStage) throws Exception {
        TempViewerWindow view = new TempViewerWindow();
        ReadData controller = new ReadData(view);
        controller.selectAll();

        mainStage.setScene(new Scene(view));
        //mainStage.setMinWidth(500);
        //mainStage.setMinHeight(400);
        mainStage.setTitle("Temperature Viewer");
        mainStage.show();
    }

    public static void main(String[] args) {

        launch(args);

    }

}

import javafx.scene.canvas.Canvas;
import javafx.scene.canvas.GraphicsContext;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;

public class TempViewerWindow extends BorderPane {

    public TableView<TempData> tableView;
    public Canvas canvas;
    public GraphicsContext gc;
    public StackPane holder;

    public TempViewerWindow() {
        tableView = new TableView<>();
        TableColumn<TempData, String> col_date = new TableColumn<>("Date");
        TableColumn<TempData, Float> col_temperature = new TableColumn<>("Temperature");

        col_date.setCellValueFactory(e -> e.getValue()
                                           .dateProperty());
        col_temperature.setCellValueFactory(e -> e.getValue()
                                                  .temperatureProperty()
                                                  .asObject());

        tableView.getColumns()
                 .addAll(col_date, col_temperature);

        setLeft(tableView);

        holder = new StackPane();
        holder.setMinSize(400, 400); // must be here for some reason

        canvas = new Canvas();

        gc = canvas.getGraphicsContext2D();

        canvas.widthProperty()
              .bind(holder.widthProperty()
                          .subtract(10));
        canvas.heightProperty()
              .bind(holder.heightProperty()
                          .subtract(10));

        canvas.widthProperty()
              .addListener(observable -> redraw(gc));
        canvas.heightProperty()
              .addListener(observable -> redraw(gc));

        holder.getChildren()
              .add(canvas);

        setCenter(holder); //here was the bug

    }

    private void redraw(GraphicsContext gc) {
        gc.clearRect(0, 0, canvas.getWidth(), canvas.getHeight());
        gc.setFill(Color.WHITE);
        gc.fillRect(0, 0, canvas.getWidth(), canvas.getHeight());
        System.out.println("redraw!");

    }

}

Answer 1

您的画布被放置在您的BorderPane的右侧，而您应该将它放置在中心。

如果将TempViewerWindow的第54行从SetRight(holder)更改为SetCenter（holder)，则缩放工作正常。