JavaFX wyszukiwania textfield

Question

W JavaFX Scene Builder znajduje się pole tekstowe, aby szukać w bibliotece:

czy jest to kontrola domyślne (jeśli więc nie mogę go znaleźć) czy też po prostu stylizować pole tekstowe?
Próbowałem również szukać w kodzie źródłowym Kreatora scen, ale nie mogłem go znaleźć.

Answer 1

Nie ma gotowej kontroli, która działałaby w ten sposób, ale można ją utworzyć za pomocą zdarzeń TextField.

Na przykład patrz następny kod: AutoComplete ComboBox in JavaFX

Answer 2

możemy stworzyć swój własny pasek narzędzi 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; 
 
}