JavaFX 中的按钮单击事件：更改背景

本文将介绍如何使用 JavaFX 中的按钮单击事件更改程序的背景颜色。

步骤

1. 创建 JavaFX 应用程序

要创建一个 JavaFX 应用程序，请使用以下代码：

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception{
        Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
        primaryStage.setTitle("JavaFX - Change Background on Button Click");
        primaryStage.setScene(new Scene(root, 400, 300));
        primaryStage.show();
    }


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

2. 创建 UI

以下代码将创建一个简单的 UI，其中包含一个按钮和一个初始为白色的背景。

<AnchorPane fx:id="anchorPane" prefHeight="300.0" prefWidth="400.0" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1">
    <children>
        <Button fx:id="buttonChangeBg" layoutX="163.0" layoutY="123.0" mnemonicParsing="false" text="Change Background" />
    </children>
    <stylesheets>
        <URL value="@style.css" />
    </stylesheets>
</AnchorPane>

其中 style.css 文件的内容如下：

.root{
    -fx-background-color: white;
}

3. 创建按钮单击事件

接下来，我们需要为按钮创建单击事件，当按下按钮时，背景颜色将从白色更改为红色。

@FXML
private AnchorPane anchorPane;

@FXML
private Button buttonChangeBg;

@FXML
void changeBg(ActionEvent event) {
    anchorPane.setStyle("-fx-background-color:red;");
}

请注意，我们使用 @FXML 注释在控制器类中注入我们的 UI 元素。点击按钮时将执行 changeBg 方法。

4. 运行应用程序

现在，您可以运行应用程序并单击 "Change Background" 按钮来更改程序的背景颜色。

结论

本文介绍了如何使用 JavaFX 中的按钮单击事件更改背景。您的代码可以类似地使用其他 UI 元素来触发其他操作。