📜  JavaFX |带有示例的按钮(1)

📅  最后修改于: 2023-12-03 15:31:35.894000             🧑  作者: Mango

JavaFX | 带有示例的按钮

JavaFX 是一种用于构建富交互式图形用户界面的 Java 应用程序平台。 JavaFX 提供了许多 UI 组件,包括按钮、文本框、标签、表格等等。在本文中,我们将重点介绍 JavaFX 中的按钮组件,包括如何创建按钮、如何设置按钮的属性,以及如何为按钮添加事件处理程序。

创建按钮

在 JavaFX 中,可以使用 Button 类来创建按钮。以下是创建一个简单按钮的示例代码:

Button button = new Button("点击我");

以上代码将创建一个名为 button 的按钮,并将按钮的文本设置为 “点击我”。

设置按钮属性

JavaFX 中的按钮可以具有多个属性,包括文本、图标、样式、尺寸等等。以下是常用的按钮属性及其设置方法:

设置文本

可以使用 setText() 方法来设置按钮的文本。例如:

button.setText("点击我");
设置图标

可以使用 setGraphic() 方法来设置按钮的图标。例如:

Image image = new Image("path/to/image.png");
Button button = new Button();
button.setGraphic(new ImageView(image));

以上代码将创建一个名为 button 的按钮,并将按钮的图标设置为 image.png 图像文件。

设置样式

可以使用 CSS 样式表来设置按钮的样式。例如:

button.setStyle("-fx-background-color: #336699; -fx-text-fill: white;");

以上代码将设置按钮背景颜色为深蓝色,并将按钮文本颜色设置为白色。

设置尺寸

可以使用 setPrefWidth()setPrefHeight() 方法来设置按钮的尺寸。例如:

button.setPrefWidth(100);
button.setPrefHeight(50);

以上代码将设置按钮的宽度为 100 像素,高度为 50 像素。

添加事件处理程序

JavaFX 中的按钮可以响应用户事件,例如单击事件。可以使用 setOnAction() 方法来添加事件处理程序。例如:

button.setOnAction(new EventHandler<ActionEvent>() {
    @Override public void handle(ActionEvent e) {
        System.out.println("按钮被点击了!");
    }
});

以上代码将添加一个按钮单击事件处理程序,当用户单击按钮时,控制台将输出 “按钮被点击了!”。

示例代码

以下是创建一个具有文本、图标、样式和事件处理程序的按钮的示例代码:

Button button = new Button("点击我");
Image image = new Image("path/to/image.png");
button.setGraphic(new ImageView(image));
button.setStyle("-fx-background-color: #336699; -fx-text-fill: white;");
button.setPrefWidth(100);
button.setPrefHeight(50);
button.setOnAction(new EventHandler<ActionEvent>() {
    @Override public void handle(ActionEvent e) {
        System.out.println("按钮被点击了!");
    }
});

以上代码将创建一个名为 button 的按钮,将按钮的文本设置为 “点击我”,将按钮的图标设置为 image.png 图像文件,将按钮的背景颜色设置为深蓝色,并将按钮文本颜色设置为白色,将按钮的宽度设置为 100 像素,高度为 50 像素,并添加一个单击事件处理程序。