在JavaFX Scene Builder中加载带有自定义组件的FXML文件:重置属性并删除子项

时间:2013-04-09 14:50:30

标签: javafx-2 javafx custom-component fxml scenebuilder

我写了一个FXML文件,我使用自定义组件扩展了Group。 加载此自定义组件时,应该将一些子项(此处为:MyOverlayIcon)添加到其子项列表中,并按代码设置一些属性(此处为:layoutX和layoutY)。

MyIcon.java:

public class MyIcon extends Group {

/********************************
 * Graphic
 ********************************/
private ImageView graphic;
public ImageView getGraphic() {
    if(graphic == null) {
        graphic = new ImageView();
        getChildren().add(graphic);
        // Send image to back:
        graphic.toBack();
    }
    return graphic;
}

/********************************
 * DataPath
 ********************************/
private Property<String> dataPath;
public Property<String> dataPathProperty() {
    if (dataPath == null) {
        dataPath = new SimpleStringProperty();
    }
    return dataPath;
}
public String getDataPath() {
    return dataPathProperty().getValue();
}
public void setDataPath(String dataPath) {

    this.dataPathProperty().setValue(dataPath);
    getGraphic().setImage(new Image(dataPath));
}

/********************************
 * Overlays
 ********************************/
private ObservableList<MyOverlayIcon> overlays;
public ObservableList<MyOverlayIcon> getOverlays() {
    if (overlays == null) {
        overlays = FXCollections.observableArrayList();
        overlays.addListener(new ListChangeListener<MyOverlayIcon>() {

            @Override
            public void onChanged(ListChangeListener.Change<? extends MyOverlayIcon> c) {
                double moveX = 0.0;
                double moveY = 0.0;
                double iconWidth = 48.0;
                double iconHeight = 48.0;

                ObservableList<? extends MyOverlayIcon> icons = c.getList();
                MyOverlayIcon icon = icons.get(icons.size() - 1);

                String orientation = icon.getOrientation().toString(); 

                if(orientation.endsWith("EAST")) {
                    moveX = iconWidth / 2; 
                }
                if(orientation.startsWith("SOUTH")) {
                    moveY = iconHeight / 2;
                }

                icon.setLayoutX(moveX);
                icon.setLayoutY(moveY);
                getChildren().add(icon);
            }
        });
    }
    return overlays;
}

/********************************
 * Constructor
 ********************************/
public MyIcon(){}
}

MyOverlayIcon.java:

public class MyOverlayIcon extends MyIcon {

private EnumOrientation orientation;
public EnumOrientation getOrientation() {
    return orientation;
}
public void setOrientation(EnumOrientation orientation) {
    this.orientation = orientation;
    }

public MyOverlayIcon() {}
}

MyIconView.fxml:

<Group xmlns:fx="http://javafx.com/fxml">

    <MyIcon dataPath="@/images/User1_48.png">
        <overlays>
            <MyOverlayIcon dataPath="@/images/Remove_24.png" orientation="SOUTHWEST" />
            <MyOverlayIcon dataPath="@/images/Search1_24.png" orientation="NORTHEAST" />
        </overlays>
    </MyIcon>

</Group>

当我在IDE中启动应用程序时,使用FXMLLoader加载此fxml文件,它可以正常工作:所有新子项都被正确添加和显示:

enter image description here

现在我想用Scene Builder修改这个fxml文件。 但是当我使用Scene Builder加载文件时,我只看到一个空的组实例:

enter image description here

我发现只有这两种解决方法:

1。)调用将子项明确添加到子列表的方法(例如,在属性的setter方法中),添加并显示子项,但仅在通过修改某些内容而不是在调用此setter时调用此setter文件加载后的开始。

2.。)在调试模式下运行Scene Builder时,我发现,我想要以编程方式修改的任何属性必须先在fxml中指定。否则,Scene Builder会将其值设置为默认值。

例如,我通过java代码动态添加的子代,如果组件未在fxml中指定任何子节点,则再次添加和删除。 在fxml中只将任何空节点(如Pane)添加到我的组件中,子节点不会被删除,也会在Scene Builder中显示。

对于其他属性,它只是相同的:应该由代码设置的值(这里:layoutX和layoutY)仅在我在fxml文件中设置任何值时应用。

MyIconView_Workaround.fxml:

<Group xmlns:fx="http://javafx.com/fxml">

    <MyIcon dataPath="@/images/User1_48.png">
        <Pane />
        <overlays>
            <MyOverlayIcon dataPath="@/images/Remove_24.png" orientation="SOUTHWEST" layoutY="456">
                <Pane />
            </MyOverlayIcon>
            <MyOverlayIcon dataPath="@/images/Search1_24.png" orientation="NORTHEAST"  layoutX="123">
                <Pane />
            </MyOverlayIcon>
        </overlays>
    </MyIcon>

</Group>

enter image description here

//编辑:如果您看不到链接的图片,请尝试this gallery link


有没有人知道如何使用包含自定义组件的场景生成器加载fxml文件,该组件通过java代码动态地将子项添加到自身并修改它们(或其)属性值而不在fxml中指定它们?

1 个答案:

答案 0 :(得分:2)

我在半年前找到了this post on oracle forum

有人说,这是一个错误,我发现在最新版本的场景构建器(Scene Builder 1.1 Early Access)中它已被修复。

使用此版本,一切正常。 :)

感谢您的帮助!