JavaFX 搜索文本字段答案

【问题标题】：JavaFX search textfieldJavaFX 搜索文本字段
【发布时间】：2015-01-12 21:58:01
【问题描述】：

在 JavaFX Scene Builder 中有一个文本字段可以在库中搜索：

这是一个默认控件（如果是，我找不到它）还是他们只是设置了文本字段的样式？
我也尝试查看 Scene Builder 的源代码，但找不到。

【问题讨论】：

我也有兴趣。你找到任何例子了吗？
有示例代码或教程吗？

【解决方案1】：

我们可以自己制作工具栏like this

<ToolBar prefHeight="40.0" prefWidth="349.0" >
        <items>
            <Button fx:id="buttonCloseSearch" styleClass="buttonSearchClose">
                <graphic>
                    <FontAwesomeIconView styleClass="buttonSearchCloseIcon" />
                </graphic>
            </Button>
            <CustomTextField styleClass="searchField">
                <left>
                    <Label styleClass="searchBoxLabel">
                        <graphic>
                            <FontAwesomeIconView styleClass="searchBoxLabelIcon" />
                        </graphic>
                    </Label>
                </left>
            </CustomTextField>
            <Button fx:id="buttonUpSearch" styleClass="buttonUpSearch">
                <graphic>
                    <FontAwesomeIconView styleClass="buttonSearchUpIcon" />
                </graphic>
            </Button>
            <Button fx:id="buttonDownSearch" styleClass="buttonDownSearch">
                <graphic>
                    <FontAwesomeIconView styleClass="buttonSearchDownIcon" />
                </graphic>
            </Button>
        <Label text="1 of 2 matchs" />
        </items>
    </ToolBar>

.buttonSearchCloseIcon {
    -glyph-size: 15;
    -glyph-name: CLOSE;
}

.buttonSearchUpIcon {
    -glyph-size: 15;
    -glyph-name: CARET_UP;
}

.buttonSearchDownIcon {
    -glyph-size: 15;
    -glyph-name: CARET_DOWN;
}

.buttonSearchClose, .buttonUpSearch, .buttonDownSearch {
    -fx-background-color: transparent;
    -fx-background-insets: 0;
}

.searchBoxLabel {
    -fx-padding: 0 2 0 7;
}

.searchBoxLabelIcon {
    -glyph-size: 13;
    -glyph-name: SEARCH;
}

【讨论】：

【解决方案2】：

没有预制控件可以以这种方式工作，但您可以使用 TextField 事件创建一个。

例如看下一个代码：AutoComplete ComboBox in JavaFX

【讨论】：