21xrx.com
2024-09-19 08:58:43 Thursday
登录
文章检索 我的文章 写文章
JavaFX:如何创建一个简单的用户界面
2023-06-15 13:05:45 深夜i     --     --
JavaFX FXML 用户界面

JavaFX是Oracle公司推出的用于创建丰富多彩用户界面的Java框架。在本文中,我们将介绍如何使用JavaFX创建一个简单的用户界面。

首先,我们需要创建一个新的JavaFX项目。在Eclipse或IntelliJ IDEA中,选择File->New Project->JavaFX Project,然后按照提示填写项目名称和位置即可。创建完毕后,您将得到一个包含主类和样式表的基本项目结构。

接下来,我们将在FXML文件中定义我们的用户界面。FXML是一种基于XML的语言,用于描述JavaFX应用程序的用户界面。在这个例子中,我们将创建一个简单的布局,其中包含一个标签和一个按钮,当用户点击按钮时,标签的文本将改变。

FXML文件的代码如下:


 

   

   

 

接下来,我们需要在主类中加载FXML文件,并将其显示在应用程序窗口中。代码如下:


public class Main extends Application {

  @Override

  public void start(Stage primaryStage) throws Exception{

    Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));

    primaryStage.setTitle("Hello World");

    primaryStage.setScene(new Scene(root, 320, 200));

    primaryStage.show();

  }

  public static void main(String[] args) {

    launch(args);

  }

}

我们可以看到,在主类的start方法中,我们通过FXMLLoader加载FXML文件,并将其设置为场景的根节点。接下来,我们将场景设置为主舞台的场景,并显示主舞台。

现在,我们已经创建了一个简单的JavaFX用户界面,并将其显示在应用程序窗口中。当用户点击按钮时,标签的文本将改变,这是通过添加一个事件处理程序来实现的。

这里是完整的FXML和Java代码。您可以将它们复制到您的项目中并运行它们。

FXML代码:


 

   

   

 

Java代码:


public class Main extends Application {

  @FXML

  private Label label;

  @FXML

  private void handleButtonAction(ActionEvent event) {

    label.setText("Hello World!");

  }

  @Override

  public void start(Stage primaryStage) throws Exception{

    Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));

    primaryStage.setTitle("Hello World");

    primaryStage.setScene(new Scene(root, 320, 200));

    primaryStage.show();

  }

  public static void main(String[] args) {

    launch(args);

  }

}

在这个例子中,我们使用了FXML和Java代码来创建一个简单的JavaFX用户界面,并在用户点击按钮时改变标签的文本。其中,FXML用于定义用户界面的布局,Java代码用于加载FXML文件并添加事件处理程序。

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复