JDBC Tela de Login - Parte do Capítulo 10 (Aprendendo Fácil a Programar em Java SE - Teoria e Prática)

 

Janela de login

Começaremos com a criação da janela de Login do Sistema. Para isso, clique na opção Caixa de Diálogo na paleta de componentes em Janelas Swing, e depois dê um clique dentro da janela principal do sistema. Conforme Figura 10.64 a seguir.

Figura 10.64 – Inserindo um Caixa de Diálogo no JFrame Estoque.java.

 

Após clicar dentro da Janela do sistema, observe no painel de navegação de objetos que um novo componente, um JDialog1, foi adicionado ao Form Estoque, dentro de Outros Componentes. Confira na Figura 10.65 a seguir.

Figura 10.65 – Objeto JDialog inserido dentro do Form Estoque.

 

Para começar nossa personalização modificaremos o nome da variável do JDialog1 para janelaLogin. Altere a propriedade da janelaLogin undecorated para true (marcando-a), assim esta janela não terá barra de título e os botões padrões de janelas do sistema (como o botão fechar, por exemplo). Outra propriedade da janelaLogin que acabamos de criar que temos que nos preocupar é alterar o padrão da propriedade defaultCloseOperation para DO_NOTHING. Assim está janela não fechará do modo convencional, ou seja, se o usuário pressionar a tecla ALT+F4 (comum para fechar janelas nos mais variados Sistemas Operacionais), a janela não se fechará. Isso é o mesmo que digitar setDefaultCloseOperation(DO_NOTHING). Depois de feito, clique duas vezes sobre o objeto janelaLogin e logo em seguida o projeto GUI da janelaLogin será exibido. Conforme Figura 10.66 a seguir.

A propriedade undecorated, comum na maioria das janelas do sistema quando ativada desativa a barra de título da janela assim como de seus componentes. Par ativar este recurso você pode chamar o método setUndecoreted(true), ou marcar esse recurso no painel de propriedades da janela selecionada.

Figura 10.66 –JDialog janelaLogin dentro de Estoque.java.

 

Para iniciar a personalização desta janela insira um JLabel, e redimensione-o de acordo com a Figura 10.67 a seguir.

Figura 10.67 –Jlabel redimensionado, em janelaLogin.

 

Mude o nome da variável do JLabel para rotuloLoginLogo, apague o conteúdo da propriedade text e insira o icon “logo.png” a ele. Também promova um alinhamento Horizontal (horizontalAlignment) para CENTER, assim como o vertical (vertialAlignment). Por fim, na propriedade border escolha BeveBorder (Borda Chanfrada).

Ao lado do rotuloLoginLogo, insira um JPanel e altere o nome da variável para panelLoginLogOn, mude sua propriedade border para titleBorder (Borda com Título) e adicione o Título “LogOn”. Conforme Figura 10.68 a seguir.

É comum a utilização de Containers, dentro de janelas para organizar as opções a serem trabalhadas. Inúmeros jPanels podem ser inseridos, isto dependerá da sua necessidade. Inclusive a inserção de outros jPanels dentro de outros jPanels.

Figura 10.68 –Propriedade título da borda com título.

 

Dentro do painelLoginLogOn, insira dois rótulos (JLabel) e um campo texto (JTextField) e um campo texto senha (JPasswordField). Mude o nome das variáveis segundo a recomendação a seguir.

·         JLabel1 – rotuloLoginLogin;

·         JLabel2 – rotuloLoginSenha;

·         JTextField1 – campoTextoLoginLogin;

·         JPasswordField1 – campoSenhaLoginSenha.

 

Siga a recomendação da Tabela 10.6 a seguir para personalizar as propriedades dos objetos recém adicionados ao painelLoginLogOn.

Tabela 10.6 -  Propriedades sugeridas para os componentes de painelLoginLogOn.

Objeto	text	horizontalAlignment	toolTipText
rotuloLoginLogin	Login:	RIGHT	Entre com o Login do Usuário.
rotuloLoginSenha	Senha:	RIGHT	Entre com o Login do Usuário.
campoTextoLoginLogin	“”	LEFT	Entre com a Senha do Usuário.
campoSenhaLoginSenha	padrão	LEFT	Entre com a Senha do Usuário.

 

Após modificar tais propriedades, selecione os objetos rotuloLoginLogin e rotuloLoginSenha e selecione Alinhar a direita da coluna, assim como Alterar o tamanho horizontalmente. Já os objetos campoTextoLoginLogin e campoSenhaLoginSenha selecione Alinhar a esquerda da coluna e também o Alterar alinhamento horizontal. Conforme o demonstrado na Figura 10.69 a seguir.

Figura 10.69 –Alinhamento personalizado de forma manual dos objetos em painelLoginLogOn.

 

Após ajustas os componentes internos do painelLoginLogOn, fixe também a opção Alterar alinhamento horizontal dele.

Para finalizar a criação de janelaLogin, adicione dois jButton(botões), abaixo do painelLoginLogOn. Personalize os botões com as propriedades e valores sugeridos na Tabela 10.7 a seguir.

Tabela 10.7 -  Propriedades sugerida botões inseridos em janelaLogin.

Objeto	Nome da variável	text	toolTipText
jButton1	botaoLoginEntar	Entrar	Confirmar a Login.
jButton2	botaoLoginSair	Sair	Cancelar Login.

 

Por fim fixe o Alinhamento Horizontal automática para os botões criados.

Após ajustar o tamanho desejado para cada componente, quando necessário ative o fixe o recurso de Alterar Alinhamento horizontal.

Confiante de que todos os passos foram seguidos à risca, a aparência de janelaLogin, deve estar como o exibido na Figura 10.70 a seguir.

Figura 10.70 – Resultado final da confecação de janelaLogin.

Esta janela, toma contornos de uma janela de login comum, ao qual estamos acostumados a usar por aí. Mais adiante promoveremos as ações provenientes desta janela.

Na Figura 10.71 mostra a lista de todos os objetos associados a janelaLogin.

Figura 10.71 – Resultado final exposto no painel Navegador.