在使用FlexGanttFX時，我不得不處理很多JavaFX Canvas節點。 我正在使用它在時間軸上呈現活動。 甘特圖中的每一行都是一個Canvas節點。 用戶可以選擇單獨調整每行的大小。 因此，我不得不找出調整畫布大小的最佳方法，這種現成的方法無法調整大小。 下面的清單顯示了如何實現此目的。

所需的主要步驟是：

• 創建Canvas的子類。
• 重寫isResizable（）方法并返回true。
• 重寫prefWidth（）和prefHeight（）方法。 返回Canvas.getWidth（）和Canvas.getHeight（）的值。
• 將偵聽器添加到“ 畫布”的width和height屬性中，以便在畫布大小更改時觸發重繪。
• 將“畫布”的width和height屬性綁定到父窗格的width和height屬性。

import javafx.application.Application; import javafx.scene.Scene; import javafx.scene.canvas.Canvas; import javafx.scene.canvas.GraphicsContext; import javafx.scene.layout.StackPane; import javafx.scene.paint.Color; import javafx.stage.Stage;/*** Tip 1: A canvas resizing itself to the size of* the parent pane.*/ public class Tip1ResizableCanvas extends Application {class ResizableCanvas extends Canvas {public ResizableCanvas() {// Redraw canvas when size changes.widthProperty().addListener(evt -> draw());heightProperty().addListener(evt -> draw());}private void draw() {double width = getWidth();double height = getHeight();GraphicsContext gc = getGraphicsContext2D();gc.clearRect(0, 0, width, height);gc.setStroke(Color.RED);gc.strokeLine(0, 0, width, height);gc.strokeLine(0, height, width, 0);}@Overridepublic boolean isResizable() {return true;}@Overridepublic double prefWidth(double height) {return getWidth();}@Overridepublic double prefHeight(double width) {return getHeight();}}@Overridepublic void start(Stage stage) throws Exception {ResizableCanvas canvas = new ResizableCanvas();StackPane stackPane = new StackPane();stackPane.getChildren().add(canvas);// Bind canvas size to stack pane size.canvas.widthProperty().bind(stackPane.widthProperty());canvas.heightProperty().bind(stackPane.heightProperty());stage.setScene(new Scene(stackPane));stage.setTitle("Tip 1: Resizable Canvas");stage.show();}public static void main(String[] args) {launch(args);} }

運行時，您應該看到以下內容：

翻譯自: https://www.javacodegeeks.com/2014/04/javafx-tip-1-resizable-canvas.html

總結

以上是生活随笔為你收集整理的JavaFX技巧1：可调整大小的Canvas的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。