javafx 8在自定义控件中订购孩子

Question

我正在编写一个自定义控件，如果表单中的验证失败，它会在工具提示中显示错误图标和消息。我没有自定义控件的版本如下所示：

<HBox>
    <TextField fx:id="name"></TextField>
    <Label fx:id="error" focusTraversable="false" visible="false">
        <graphic>
            <ImageView fitHeight="24.0" fitWidth="24.0" pickOnBounds="true" preserveRatio="true"/>
        </graphic>
        <tooltip>
            <Tooltip fx:id="errorTooltip"/>
        </tooltip>
    </Label>
</HBox>

结果是这样的：

我创建自定义控件的努力导致了这一点：

<fx:root type="javafx.scene.layout.HBox" xmlns:fx="http://javafx.com/fxml">
    <children/>
    <Label fx:id="error" focusTraversable="false" visible="false">
        <graphic>
            <ImageView fitHeight="24.0" fitWidth="24.0" pickOnBounds="true" preserveRatio="true"/>
        </graphic>
        <tooltip>
            <Tooltip fx:id="errorToolTip"/>
        </tooltip>
    </Label>
</fx:root>

这是 fxml 背后的代码：

package control;

[imports omitted for brevity]

@DefaultProperty(value = "children")
public final class ValidatedControl extends HBox implements Initializable {

    @FXML
    private Label error;
    @FXML
    private Tooltip errorToolTip;
    private StringProperty errorToolTipProperty;

    public ValidatedControl() {
        final FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("ValidatedControl.fxml"));
        fxmlLoader.setRoot(this);
        fxmlLoader.setController(this);
        try {
            fxmlLoader.load();
        } catch (IOException exception) {
            throw new RuntimeException(exception);
        }
    }

    public void setErrorToolTip(final String errorToolTip) {
        this.getErrorToolTipProperty().setValue(errorToolTip);
    }

    public String getErrorToolTip() {
        return this.getErrorToolTipProperty().getValueSafe();
    }

    @Override
    public void initialize(final URL location, final ResourceBundle resources) {
        this.errorToolTip.textProperty().bind(this.getErrorToolTipProperty());
        this.error.visibleProperty().bind(this.getErrorToolTipProperty().isNotEmpty());
    }

    public StringProperty getErrorToolTipProperty() {
        if (this.errorToolTipProperty == null) {
            this.errorToolTipProperty = new SimpleStringProperty();
        }
        return this.errorToolTipProperty;
    }
}

我可以在 fxml 中使用控件，但我添加的子组件始终是最后一个子组件，这意味着错误图标显示在其左侧。

我的控件是这样使用的：

<ValidatedControl>
    <TextField>
    </TextField>
</ValidatedControl>

如何让它在右侧显示图标？

Answer 1

现在我明白你的问题了。当您在 FXML 中添加 ValidatedControl 时，这可能无法解决您的问题，但是当您以编程方式执行此操作时，请尝试以下操作：

ValidatedControl vc = new ValidatedControl();
TextField textField = new TextField();
vc.getChildren().add(textField);
textField.toBack();

另一种方法是采用 ItachiUchiha 的方式，并在您的 FXML 中添加 Pane 作为第一个孩子。但不要覆盖getChildren() 方法，而是编写一个新方法addNode(Node n) 并将节点添加到窗格中。

忘记我的第一个答案；）