Wie kann ich dafür sorgen, dass die Größe eines Canvas automatisch an das übergeordnete Element in JavaFX angepasst wird?

Automatische Größenanpassung der Leinwand an das umschließende übergeordnete Element

Die Größenanpassung einer Leinwand an die Abmessungen des umschließenden übergeordneten Elements ist für dynamische Benutzeroberflächen von entscheidender Bedeutung. JavaFX bietet mehrere Ansätze, um dies zu erreichen. Einer davon ist die Verwendung einer verschachtelten Klasse, die die Methode „layoutChildren()“ überschreibt.

Ansatz mit CanvasPane

Die CanvasPane-Klasse ist eine Benutzerdefinierter Bereich, der eine Leinwand umhüllt und sicherstellt, dass die Abmessungen der Leinwand immer mit der Größe des umschließenden Bereichs übereinstimmen. Erstellen Sie eine Instanz von CanvasPane und übergeben Sie dabei die gewünschten anfänglichen Canvas-Abmessungen als Argumente. Durch Überschreiben der Methode „layoutChildren()“ passt der Layout-Algorithmus von CanvasPane automatisch die Position und Größe der Leinwand an, um den verfügbaren Platz auszufüllen.

Beispielcode

<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>

Bindung an das übergeordnete Element

Im bereitgestellten Codeausschnitt wird die Leinwand zu einem CanvasPane hinzugefügt, das dann zu einer Bühne hinzugefügt wird. Das CanvasPane wird mithilfe der CSS3-Bindung an die Abmessungen der Bühne gebunden und stellt so sicher, dass die Leinwand immer den verfügbaren Platz der Bühne ausfüllt.

Nutzung der Snap-Funktionen von Java 9

Das bereitgestellte JavaFX 8-Code enthält veraltete Methoden snapSize() und isResizable(). Verwenden Sie in Java 9 und höher snapSizeX() und snapSizeY(), um bevorzugte Größen abzurufen und nutzen Sie bind(Observable[]), um eine ähnliche Funktionalität zu erreichen.

Durch die Verwendung dieses Ansatzes passt sich die Größe Ihres Canvas automatisch entsprechend an die Abmessungen des übergeordneten Knotens und sorgt so für eine reaktionsfähigere und flexiblere Benutzeroberfläche.

Das obige ist der detaillierte Inhalt vonWie kann ich dafür sorgen, dass die Größe eines Canvas automatisch an das übergeordnete Element in JavaFX angepasst wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!