IDEA 用javafx如何在登录界面如何将一张图片作为背景图片

在 IntelliJ IDEA 中使用 JavaFX 将一张图片作为背景图片的步骤如下：

1. 在 IntelliJ IDEA 中创建一个新的 JavaFX 项目。
2. 在 src 目录下创建一个新的 package，例如 com.example.myproject。
3. 在该 package 中创建一个新的类，例如 LoginController，该类将是登录界面的控制器。
4. 在 LoginController 类中，添加以下代码来设置背景图片：

public class LoginController implements Initializable {
    @FXML
    private AnchorPane root;

    @Override
    public void initialize(URL url, ResourceBundle rb) {
        Image image = new Image("/com/example/myproject/background.jpg");
        BackgroundImage backgroundImage = new BackgroundImage(image, BackgroundRepeat.REPEAT, BackgroundRepeat.REPEAT, BackgroundPosition.DEFAULT, BackgroundSize.DEFAULT);
        root.setBackground(new Background(backgroundImage));
    }
}

在该代码中，我们加载了一个名为“background.jpg”的图片，并将其设置为登录界面的背景图片。

5. 在 LoginController 类中，使用 @FXML 注解来注入登录界面中的组件，例如用户名文本框、密码文本框和登录按钮。

public class LoginController implements Initializable {
    @FXML
    private TextField usernameField;
    @FXML
    private PasswordField passwordField;
    @FXML
    private Button loginButton;
    
    // ...
}

6. 在登录界面的 FXML 文件中，使用 fx:controller 属性来指定 LoginController 类作为控制器。

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.control.PasswordField?>
<?import javafx.scene.control.Button?>

<AnchorPane fx:id="root" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.example.myproject.LoginController">
    <children>
        <TextField fx:id="usernameField" />
        <PasswordField fx:id="passwordField" />
        <Button fx:id="loginButton" />
    </children>
</AnchorPane>

现在，您可以运行您的 JavaFX 应用程序并查看登录界面的背景图片。