Continuando com JavaFX - Parte V

Vamos fazer agora uma aplicação utilizando um outro container. Vamos utilizar desta vez o GridPane para ser o container principal de nossa aplicação que é uma tela de login simples.

Os containers que apresentarei neste post são:

• javafx.scene.layout.GridPane
• este gerenciador de layouts permite que criemos um layout baseado em linhas e colunas, formando como o próprio nome indica um grid onde nossos componentes podem ser colocados de acordo com um índice de (coluna, linha). Os componentes podem ainda ocupar duas ou mais colunas (ou linhas) adjacentes como fazemos em uma tabela HTML.
• javafx.scene.layout.HBox
• este gerenciador de layout distribui os componentes automaticamente em uma única linha. É interessante notar que conseguimos gerar um espaçamento do conteúdo (isto é dos componentes dentro do HBox), considerando valores diferentes para o espaçamento no topo, na esquerda, na direita e na área de baixo do HBox.

Dentro da aplicação utilizamos os seguintes componentes:

• javafx.scene.control.Button
• é um botão. temos que implementar EventHandler para que o clique funcione.
• javafx.scene.control.Label
• apresenta um texto na tela, são os rótulos de nossos campos de entrada de dados
• javafx.scene.control.TextField
• cria uma área para a entrada de dados. No nosso exemplo, utilizei para os dois campos esta classe. Em uma aplicação real, a entrada de dados de senha deveria ser feita por PasswordField (esta é uma classe filha de TextField).
• javafx.scene.image.ImageView
• permite mostrar na tela uma imagem carregada pela classe Image.
• javafx.scene.text.Text
• apresenta um texto na tela. No nosso caso utilizo para mostrar a mensagem de login.

O exemplo que irei apresentar é do layout de uma tela de login simples, com um texto de apresentação, uma logo, 2 campos de entrada de dados com seus respectivos labels e um botão para logar. A aplicação efetivamente só coloca os componentes na tela e quando clicamos o botão é gerada uma mensagem.