Laksanakan antara muka pengguna yang kompleks menggunakan komponen susun atur JavaFX baharu dalam Java 13

Gunakan komponen susun atur JavaFX baharu dalam Java 13 untuk melaksanakan antara muka pengguna yang kompleks

Dalam pembangunan perisian, antara muka pengguna merupakan bahagian yang sangat penting. Antara muka pengguna yang baik boleh meningkatkan pengalaman pengguna dan meningkatkan kemudahan penggunaan dan daya tarikan perisian. JavaFX ialah perpustakaan Java untuk membina aplikasi interaktif yang kaya Ia menyediakan satu set komponen reka letak yang berkuasa yang boleh membantu pembangun melaksanakan antara muka pengguna yang kompleks.

JavaFX telah menjadi sebahagian daripada Java 13, yang merangkumi beberapa komponen reka letak baharu yang memudahkan untuk membina antara muka pengguna yang kompleks.

Dalam artikel ini, kami akan memperkenalkan dua komponen reka letak baharu dalam JavaFX 13: FlowPane dan GridPane, dan menunjukkan cara menggunakannya untuk melaksanakan antara muka pengguna yang kompleks.

Mula-mula, mari belajar tentang FlowPane. FlowPane ialah komponen autolayout yang melaraskan saiz dan kedudukan komponen kanak-kanak secara automatik agar sesuai dengan saiz bekas.

Berikut ialah contoh mudah menggunakan 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);
    }
}

Contoh di atas ialah aplikasi mudah yang menggunakan FlowPane untuk meletakkan tiga butang. FlowPane secara automatik melaraskan kedudukan dan saiz butang berdasarkan saiz bekas.

Seterusnya, mari perkenalkan satu lagi komponen reka letak baharu dalam JavaFX 13: GridPane. GridPane ialah komponen susun atur jadual yang meletakkan komponen anak dalam sel yang berbeza dalam grid.

Berikut ialah contoh mudah menggunakan 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);
    }
}

Contoh di atas ialah aplikasi mudah yang menggunakan GridPane untuk meletakkan empat butang. GridPane secara automatik meletakkan butang pada lokasi dan saiz yang sesuai, dan grid boleh diubah saiz dengan menetapkan kekangan pada lajur dan baris.

Di atas menunjukkan dua komponen reka letak baharu dalam JavaFX 13, yang boleh membantu pembangun melaksanakan antara muka pengguna yang kompleks. Komponen susun atur ini memberikan lebih fleksibiliti dan kuasa, menjadikannya lebih mudah untuk membina antara muka pengguna yang kompleks.

Saya harap contoh dalam artikel ini dapat membantu anda memahami cara menggunakan komponen susun atur JavaFX untuk melaksanakan antara muka pengguna yang kompleks. Mulakan dan reka bentuk antara muka pengguna yang menarik!

Atas ialah kandungan terperinci Laksanakan antara muka pengguna yang kompleks menggunakan komponen susun atur JavaFX baharu dalam Java 13. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!