在 JavaFX 中，如何讓 Canvas 自動調整大小以適應其父級？

自動調整畫布大小以適應封閉父級

調整畫布大小以符合其封閉父級尺寸對於動態使用者介面至關重要。 JavaFX 提供了多種方法來實現此目的，其中之一是使用重寫 layoutChildren() 方法的巢狀類別。

使用 CanvasPane 的方法

CanvasPane 類別是一個自訂窗格，用於包裹畫布並確保畫布的尺寸始終與封閉窗格的尺寸相符。建立 CanvasPane 的實例，並將所需的初始 Canvas 尺寸作為參數傳遞。透過重寫layoutChildren()方法，CanvasPane的佈局演算法會自動調整Canvas的位置和大小以填滿可用空間。

範例程式碼

<code class="java">public class CanvasPane extends Pane {

    private final Canvas canvas;

    public CanvasPane(double width, double height) {
        canvas = new Canvas(width, height);
        getChildren().add(canvas);
    }

    public Canvas getCanvas() {
        return canvas;
    }

    @Override
    protected void layoutChildren() {
        super.layoutChildren();
        // Retrieve the enclosing Pane's dimensions after layout calculations
        double x = snappedLeftInset();
        double y = snappedTopInset();
        double w = snapSize(getWidth()) - x - snappedRightInset();
        double h = snapSize(getHeight()) - y - snappedBottomInset();
        
        // Update the Canvas's layout and dimensions
        canvas.setLayoutX(x);
        canvas.setLayoutY(y);
        canvas.setWidth(w);
        canvas.setHeight(h);
    }
}</code>

綁定到父級

在提供的程式碼片段中，Canvas 被加入到CanvasPane，然後加入Stage。 CanvasPane 使用 CSS3 綁定綁定到舞台的尺寸，從而確保 Canvas 始終填充舞台的可用空間。

利用 Java 9 捕捉函數

提供的 JavaFX 8 程式碼包含已棄用的 snapSize() 和 isResizable() 方法。在 Java 9 及更高版本中，使用 snapSizeX() 和 snapSizeY() 來檢索首選大小並利用 bind(Observable[]) 來實現類似的功能。

透過採用此方法，您的 Canvas 將自動調整自身大小以符合父節點的尺寸，提供快速回應、更靈活的使用者介面。

以上是在 JavaFX 中，如何讓 Canvas 自動調整大小以適應其父級？的詳細內容。更多資訊請關注PHP中文網其他相關文章！