>  기사  >  Java  >  Java 13의 새로운 JavaFX 레이아웃 구성 요소를 사용하여 복잡한 사용자 인터페이스 구현

Java 13의 새로운 JavaFX 레이아웃 구성 요소를 사용하여 복잡한 사용자 인터페이스 구현

PHPz
PHPz원래의
2023-08-02 17:49:511354검색

Java 13의 새로운 JavaFX 레이아웃 구성 요소를 사용하여 복잡한 사용자 인터페이스 구현

소프트웨어 개발에서 사용자 인터페이스는 매우 중요한 부분입니다. 좋은 사용자 인터페이스는 사용자 경험을 향상시키고 소프트웨어의 사용 편의성과 매력을 높일 수 있습니다. JavaFX는 풍부한 대화형 애플리케이션을 구축하기 위한 Java 라이브러리로, 개발자가 복잡한 사용자 인터페이스를 구현하는 데 도움이 되는 강력한 레이아웃 구성 요소 세트를 제공합니다.

JavaFX는 복잡한 사용자 인터페이스를 더 쉽게 구축할 수 있게 해주는 몇 가지 새로운 레이아웃 구성 요소가 포함된 Java 13의 일부가 되었습니다.

이 기사에서는 JavaFX 13의 두 가지 새로운 레이아웃 구성 요소인 FlowPane 및 GridPane을 소개하고 이를 사용하여 복잡한 사용자 인터페이스를 구현하는 방법을 보여줍니다.

먼저 FlowPane에 대해 알아볼까요? FlowPane은 컨테이너 크기에 맞게 하위 구성 요소의 크기와 위치를 자동으로 조정하는 자동 레이아웃 구성 요소입니다.

다음은 FlowPane을 사용하는 간단한 예입니다.

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.FlowPane;
import javafx.stage.Stage;

public class FlowPaneExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        FlowPane flowPane = new FlowPane();
        flowPane.setPadding(new Insets(20));
        flowPane.setVgap(10);
        flowPane.setHgap(10);

        Button button1 = new Button("Button 1");
        Button button2 = new Button("Button 2");
        Button button3 = new Button("Button 3");

        flowPane.getChildren().addAll(button1, button2, button3);

        Scene scene = new Scene(flowPane, 400, 300);
        
        primaryStage.setScene(scene);
        primaryStage.setTitle("FlowPane Example");
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

위 예는 FlowPane을 사용하여 세 개의 버튼을 배치하는 간단한 애플리케이션입니다. FlowPane은 컨테이너의 크기에 따라 버튼의 위치와 크기를 자동으로 조정합니다.

다음으로 JavaFX 13의 또 다른 새로운 레이아웃 구성 요소인 GridPane을 소개하겠습니다. GridPane은 그리드의 다른 셀에 하위 구성 요소를 배치하는 테이블 레이아웃 구성 요소입니다.

다음은 GridPane을 사용하는 간단한 예입니다.

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.ColumnConstraints;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.RowConstraints;
import javafx.stage.Stage;

public class GridPaneExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        GridPane gridPane = new GridPane();
        gridPane.setHgap(10);
        gridPane.setVgap(10);

        ColumnConstraints column1 = new ColumnConstraints(100);
        ColumnConstraints column2 = new ColumnConstraints(100);

        RowConstraints row1 = new RowConstraints(50);
        RowConstraints row2 = new RowConstraints(50);

        gridPane.getColumnConstraints().addAll(column1, column2);
        gridPane.getRowConstraints().addAll(row1, row2);

        Button button1 = new Button("Button 1");
        Button button2 = new Button("Button 2");
        Button button3 = new Button("Button 3");
        Button button4 = new Button("Button 4");

        gridPane.add(button1, 0, 0);
        gridPane.add(button2, 1, 0);
        gridPane.add(button3, 0, 1);
        gridPane.add(button4, 1, 1);

        Scene scene = new Scene(gridPane, 400, 300);

        primaryStage.setScene(scene);
        primaryStage.setTitle("GridPane Example");
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

위 예는 GridPane을 사용하여 4개의 버튼을 배치하는 간단한 애플리케이션입니다. GridPane은 버튼을 적절한 위치와 크기에 자동으로 배치하며, 열과 행에 대한 제약 조건을 설정하여 그리드의 크기를 조정할 수 있습니다.

위에서는 개발자가 복잡한 사용자 인터페이스를 구현하는 데 도움이 될 수 있는 JavaFX 13의 두 가지 새로운 레이아웃 구성 요소를 보여줍니다. 이러한 레이아웃 구성 요소는 더 많은 유연성과 성능을 제공하므로 복잡한 사용자 인터페이스를 더 쉽게 구축할 수 있습니다.

이 기사의 예제가 JavaFX 레이아웃 구성 요소를 사용하여 복잡한 사용자 인터페이스를 구현하는 방법을 이해하는 데 도움이 되기를 바랍니다. 매력적인 사용자 인터페이스를 시작하고 디자인해보세요!

위 내용은 Java 13의 새로운 JavaFX 레이아웃 구성 요소를 사용하여 복잡한 사용자 인터페이스 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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