带有自定义控制器的JavaFX自定义组件

Question

我尝试用自定义控制器制作一个自定义组件。自定义组件已经显示在应用程序上，但我未能向其添加属性。

项目结构：

null

package controller;

import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.image.ImageView;
import javafx.scene.layout.HBox;
import java.net.URL;
import java.util.ResourceBundle;

public class TopBarBtn implements Initializable {

    public ImageView getIv() {
        return iv;
    }

    public HBox getHbox() {
        return hbox;
    }

    @FXML private ImageView iv;

    @FXML private HBox hbox;

    @Override
    public void initialize(URL url, ResourceBundle resourceBundle) {
        
    }
}

package custom;

import controller.TopBarBtn;
import javafx.beans.property.SimpleStringProperty;
import javafx.beans.property.StringProperty;
import javafx.fxml.FXMLLoader;
import javafx.scene.Node;
import javafx.scene.image.Image;
import javafx.scene.layout.HBox;
import java.io.IOException;

public class TopBarCloseBtn extends HBox {
    TopBarBtn controller;
    private final StringProperty imageUrl = new SimpleStringProperty("/res/image/white/closeX.png");

    public final StringProperty imageUrl() { return imageUrl; }

    public final String getImageUrl() { return imageUrl.get(); }

    public final void setImageUrl(String imageUrl) {
                                               this.imageUrl.set(imageUrl);
                                               controller.getIv().setImage(new Image(imageUrl));
                                           }

    public TopBarCloseBtn() {
        super();
        try {
            FXMLLoader loader = new FXMLLoader(getClass().getResource("/res/template/closeBtn.fxml"));
            controller = new TopBarBtn();
            loader.setController(controller);
            Node n = loader.load();
            this.getChildren().add(n);
            controller.getIv().setImage(new Image(imageUrl.get()));
        } catch (IOException e) {

        }
    }
}

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

<?import javafx.scene.image.*?>
<?import javafx.scene.layout.*?>

<HBox id="hbox" xmlns:fx="http://javafx.com/fxml/1" alignment="CENTER" prefHeight="27" prefWidth="40"
      styleClass="TopBarButtonClose" stylesheets="@../style/TopBarButton.css">
    <children>
        <ImageView id="iv" fitHeight="13" fitWidth="13" pickOnBounds="true" preserveRatio="true">
            <image>
                <Image url="/res/image/white/closeX.png"/>
            </image>
        </ImageView>
    </children>
</HBox>

布尔马尔科

完全错误：

原因：java.lang.nullPointerException：无法调用“javafx.scene.image.imageeview.setimage（javafx.scene.image.image）”，因为“controller.topbarbtn.getiv（）”的返回值在custom.topbarclosebtn.(topbarclosebtn.java:33)在java.base/jdk.internal.reflect.nativeconstructoraccessorimpl.newinstance0（原生方法）在在java.base/java.lang.reflect.constructor.newInstance（delegatingConstructorAccessorimpl.java:45)在java.base/java.lang.reflect.reflect.reflectAccess.newInstance（reflector.java:499)在java.base/java.lang.reflect.reflectAccess.newInstance（reflectAccess.newInstance（reflectorAccess.javinstance）在fxml/javafx.fxml.fxmlloader$valueelement.processStartElement(FxmlLoader.java:756)在javafx.fxml/javafx.fxml.fxml.fxmlLoader.loadimpl(FxmlLoader.java:2634)在javafx.fxml/javafx.fxml.fxmlLoader.loadimpl.

Answer 1

我的closeBTN.fxml中缺少fx：id！感谢@kleopatra