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>

结果如下：

validation error

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

<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中使用该控件，但我添加的子组件始终是最后一个子组件，这意味着错误图标显示在其左侧。

On the wrong side

我的控件使用如下：

<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)并将节点添加到窗格。

忘掉我的第一个答案;）

javafx 8定制控制中的子项

1 个答案: