>  기사  >  Java  >  JavaFX의 상위 항목에 맞게 Canvas의 크기를 자동으로 조정하려면 어떻게 해야 합니까?

JavaFX의 상위 항목에 맞게 Canvas의 크기를 자동으로 조정하려면 어떻게 해야 합니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-10-28 16:12:01644검색

How can I make a Canvas automatically resize to fit its parent in JavaFX?

둘러싸는 상위 항목에 맞게 캔버스 크기를 자동으로 조정

동적 사용자 인터페이스에는 둘러싸는 상위 항목의 크기에 맞게 캔버스 크기를 조정하는 것이 필수적입니다. JavaFX는 이를 달성하기 위한 여러 접근 방식을 제공하며, 그 중 하나는layoutChildren() 메서드를 재정의하는 중첩 클래스를 사용하는 것입니다.

CanvasPane을 사용하는 접근 방식

CanvasPane 클래스는 Canvas를 래핑하고 Canvas의 크기가 항상 둘러싸는 Pane의 크기와 일치하도록 보장하는 사용자 정의 Pane입니다. 원하는 초기 Canvas 크기를 인수로 전달하여 CanvasPane의 인스턴스를 만듭니다. 레이아웃Children() 메서드를 재정의함으로써 CanvasPane의 레이아웃 알고리즘은 자동으로 캔버스의 위치와 크기를 조정하여 사용 가능한 공간을 채웁니다.

예제 코드

<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 바인딩을 사용하여 Stage의 크기에 바인딩되어 Canvas가 항상 Stage의 사용 가능한 공간을 채우도록 보장합니다.

Java 9 Snap Function 활용

제공되는 JavaFX 8 코드에는 더 이상 사용되지 않는 snapSize() 및 isRessible() 메서드가 포함되어 있습니다. Java 9 이상에서는 snapSizeX() 및 snapSizeY()를 사용하여 원하는 크기를 검색하고 비슷한 기능을 달성하기 위해 바인딩(Observable[])을 활용합니다.

이 접근 방식을 사용하면 캔버스가 크기에 맞게 자동으로 조정됩니다. 상위 노드의 크기를 조정하여 보다 반응성이 뛰어나고 유연한 사용자 인터페이스를 제공합니다.

위 내용은 JavaFX의 상위 항목에 맞게 Canvas의 크기를 자동으로 조정하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.