/**
* A Popup containing Listview is trigged from this function This function automatically resize
* it's height and width according to the width of textbox and item's cell height
*/
public void showPopup(String newValue) {
ListView<String> listView = new ListView<>();
listView.setPrefWidth(textField.getWidth());
listView.getSelectionModel().clearSelection();
listView.getFocusModel().focus(-1);
listView.setItems(searchItems(newValue));
// Set ListView height
if (listView.getItems().size() > getDefaultLimitCount()) {
listView.setPrefHeight(getDefaultLimitCount() * getDefaultPrefHeight());
} else {
listView.setPrefHeight(listView.getItems().size() * getDefaultPrefHeight());
}
listView.setOnMouseReleased(
event -> {
textField.setText(listView.getSelectionModel().getSelectedItem());
textField.requestFocus();
textField.requestLayout();
textField.end();
popup.hide();
onSelectAction(listView.getSelectionModel().getSelectedItem());
});
listView.setOnKeyReleased(
event -> {
switch (event.getCode()) {
case ENTER:
textField.setText(listView.getSelectionModel().getSelectedItem());
textField.requestFocus();
textField.requestLayout();
textField.end();
popup.hide();
onSelectAction(listView.getSelectionModel().getSelectedItem());
break;
default:
break;
}
});
// This cell factory helps to know which cell has been selected so that
// when ever any cell is selected the textbox rawText must be changed
listView.setCellFactory(
view -> {
// A simple ListCell containing only Label
final ListCell<String> cell =
new ListCell<String>() {
public void updateItem(String item, boolean empty) {
super.updateItem(item, empty);
setText(item);
}
};
return cell;
});
popup.getContent().clear();
popup.getContent().add(listView);
// SHOWING THE POPUP JUST BELOW TEXTBOX
popup.show(
getWindow(),
getWindow().getX() + textField.localToScene(0, 0).getX() + textField.getScene().getX(),
getWindow().getY()
+ textField.localToScene(0, 0).getY()
+ textField.getScene().getY()
+ getDefaultPrefHeight());
}
@Override
public void start(Stage stage) throws Exception {
// Cria um painél para adicionar os componentes. Neste caso será usado o AnchorPane por dar
// liberdade de posicionamento dos componentes.
AnchorPane pane = new AnchorPane();
// Define as propriedades do painel criado.
pane.setPrefSize(400, 300);
// Define o nome da janela.
stage.setTitle("Formulário Login JavaFX");
// Adiciona um estilo em css para o painel de login.
pane.setStyle(
"-fx-background-color: linear-gradient(from 0% 0% to 100% 100%, blue 0%, silver 100%);");
// Cria uma cena para inserir o formulário. A cena é responsável por fazer a exibição do
// formulário.
Scene scene = new Scene(pane);
// Cria um campo de texto para ser inserido o login e define o texto para ser exibido antes do
// usuário clicar na caixa.
// Cuidado para não criar um objeto TextField da classe awt, o que é usado é do pacote
// javafx.scene.control.TextField.
TextField txLogin = new TextField();
txLogin.setPromptText("Digite aqui o seu login");
// Cria o campo de senha.
PasswordField txSenha = new PasswordField();
txSenha.setPromptText("Digite aqui sua senha");
// Cria os botões que serão usados no formulário.
Button btnEntrar = new Button("Entrar");
Button btnSair = new Button("Sair");
/*
* Para adicionar os componentes ao painel, será utilizado o método getChildren.addAll(Node... arg) passando como argumento
* todos os componentes que serão adicionados.
*
* No JavaFX todos os componentes visuais são filhos de Node, por isso podem ser passados por parâmetros, isso equivale a classe Component do Swing.
*/
pane.getChildren().addAll(txLogin, txSenha, btnEntrar, btnSair);
// Indica qual cena será utilizada no stage (que é a tela de exibição propriamente dita).
stage.setScene(scene);
// Exibe a conteúdo do stage.
stage.show();
/*
* O comprimento dos componentes deve ser definido depois da exibição do método show, pois só depois da exibição
* que se obtém o tamanho concreto da tela, para poder posicionar os componentes de forma correta.
*/
// Define o posicionamento dos compotentes na tela.
txLogin.setLayoutX((pane.getWidth() - txLogin.getWidth()) / 2);
txLogin.setLayoutY(50);
txSenha.setLayoutX((pane.getWidth() - txSenha.getWidth()) / 2);
txSenha.setLayoutY(100);
btnEntrar.setLayoutX((pane.getWidth() - btnEntrar.getWidth()) / 2);
btnEntrar.setLayoutY(150);
btnSair.setLayoutX((pane.getWidth() - btnSair.getWidth()) / 2);
btnSair.setLayoutY(200);
}
