javafx gui 示例_如何构建简单的GUI应用程序（带有示例JavaFX代码）

曾经终败给现在 2022-12-07 12:12 144阅读 0赞

javafx gui 示例

## 背景 **(** Background **)** ##

This code uses a `BorderPane` as a container for two `FlowPanes` and a `Button`. The first `FlowPane` contains a `Label` and `ChoiceBox`, the second `FlowPane` a `Label` and a `ListView`. The `Button` switches the visibility of each `FlowPane`.

此代码将`BorderPane`用作两个`FlowPanes`和一个`Button`的容器。 第一个`FlowPane`包含`Label`和`ChoiceBox` ，第二个`FlowPane`包含`Label`和`ListView` 。 该`Button`切换每个`FlowPane`的可见性。

## JavaFX代码 **(** JavaFX Code **)** ##

![Picture of a woman typing on a keyboard][]

//Imports are listed in full to show what's being used
    //could just import javafx.*
    import javafx.application.Application;
    import javafx.collections.FXCollections;
    import javafx.event.ActionEvent;
    import javafx.event.EventHandler;
    import javafx.geometry.Insets;
    import javafx.scene.Scene;
    import javafx.scene.control.Button;
    import javafx.scene.control.ChoiceBox;
    import javafx.scene.control.Label;
    import javafx.scene.control.ListView;
    import javafx.scene.layout.BorderPane;
    import javafx.scene.layout.FlowPane;
    import javafx.stage.Stage;
    public class ApplicationWindow extends Application {
    //JavaFX applicatoin still use the main method.
    //It should only ever contain the call to the launch method
    public static void main(String[] args) {
    launch(args);
    }
    //starting point for the application
    //this is where we put the code for the user interface
    @Override
    public void start(Stage primaryStage) {
    //The primaryStage is the top-level container
    primaryStage.setTitle("example Gui");
    //The BorderPane has the same areas laid out as the
    //BorderLayout layout manager
    BorderPane componentLayout = new BorderPane();
    componentLayout.setPadding(new Insets(20,0,20,20));
    //The FlowPane is a conatiner that uses a flow layout
    final FlowPane choicePane = new FlowPane();
    choicePane.setHgap(100);
    Label choiceLbl = new Label("Fruits");
    //The choicebox is populated from an observableArrayList
    ChoiceBox fruits = new ChoiceBox(FXCollections.observableArrayList("Asparagus", "Beans", "Broccoli", "Cabbage"
    , "Carrot", "Celery", "Cucumber", "Leek", "Mushroom"
    , "Pepper", "Radish", "Shallot", "Spinach", "Swede"
    , "Turnip"));
    //Add the label and choicebox to the flowpane
    choicePane.getChildren().add(choiceLbl);
    choicePane.getChildren().add(fruits);
    //put the flowpane in the top area of the BorderPane
    componentLayout.setTop(choicePane);
    final FlowPane listPane = new FlowPane();
    listPane.setHgap(100);
    Label listLbl = new Label("Vegetables");
    ListView vegetables = new ListView(FXCollections.observableArrayList("Apple", "Apricot", "Banana"
    ,"Cherry", "Date", "Kiwi", "Orange", "Pear", "Strawberry"));
    listPane.getChildren().add(listLbl);
    listPane.getChildren().add(vegetables);
    listPane.setVisible(false);
    componentLayout.setCenter(listPane);
    //The button uses an inner class to handle the button click event
    Button vegFruitBut = new Button("Fruit or Veg");
    vegFruitBut.setOnAction(new EventHandler() {
    @Override
    public void handle(ActionEvent event) {
    //switch the visibility for each FlowPane
    choicePane.setVisible(!choicePane.isVisible());
    listPane.setVisible(!listPane.isVisible());
    }
    });
    componentLayout.setBottom(vegFruitBut);
    //Add the BorderPane to the Scene
    Scene appScene = new Scene(componentLayout,500,500);
    //Add the Scene to the Stage
    primaryStage.setScene(appScene);
    primaryStage.show();
    }
    }

> 翻译自: [https://www.thoughtco.com/how-to-build-a-simple-gui-application-javafx-code-2034067][https_www.thoughtco.com_how-to-build-a-simple-gui-application-javafx-code-2034067]

javafx gui 示例

[Picture of a woman typing on a keyboard]: /images/20221123/2dc4915c0332470da6ef08f82264c593.png
[https_www.thoughtco.com_how-to-build-a-simple-gui-application-javafx-code-2034067]: https://www.thoughtco.com/how-to-build-a-simple-gui-application-javafx-code-2034067