Пример #1
0
  @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);
  }