Cursos / Informática para Internet / Desenvolvimento Desktop / Aula

arrow_back Aula 04 - Componentes: Campo de Texto (JTextField) e Botão (JButton)

Utilizando os Componentes JTextField e JButton

Nesta aula você verá em detalhes como utilizar e implementar dois dos mais utilizados componentes em aplicações Java: o Campo de texto (JTextField) e o Botão (JButton). É praticamente impossível se desenvolver uma aplicação sem a presença desses dois componentes. O primeiro é utilizado para o usuário entrar com uma informação qualquer, como nome, endereço, telefone etc., e o segundo é muito utilizado para enviar essas informações ou confirmar ou negar uma pergunta de acordo com a situação. Você deve ter observado o uso desses componentes em várias janelas do próprio Windows. As novas versões do NetBeans traduzem os componentes para o português na exibição da paleta de projeto. JTextField = Campo de Texto. JButton = Button (ou Botão). O nome da Classe, claro, permanece em inglês. Vejamos, então, como utilizar os componentes dessa aula.


O Componente Campo de Texto (JTextField)

Esse componente é um dos mais básicos, muito comum em formulários ou em interfaces onde o usuário precisa digitar um texto com uma informação a ser enviada, como, por exemplo: nome, telefone e e-mail em um cadastro pessoal. Existem outros componentes que também tratam de informação do tipo texto, alguns deles serão vistos mais adiante nas próximas aulas.


Como Implementar um Campo de Texto na minha Aplicação?

Vejamos como fazer isso de uma forma bem simples:

  1. Execute o NetBeans e crie uma aplicação Java, conforme foi explicado na aula “Introdução ao Swing”. Para o nome do projeto informe: TextFieldDemo (apenas uma sugestão, pode ser o nome que você achar mais conveniente) e, em seguida, adicione um frame (JFrame) ao projeto. Dê o mesmo nome para o formulário.
  2. Após o projeto ser criado, selecione o JFrame e arraste um componente Campo de texto da paleta à direita para qualquer posição da tela, conforme mostra a Figura 1: Componente JTextField inserido no painel principal

    Agora vamos ver mais detalhes e começar a explorar algumas propriedades, que também podem ser comuns a alguns outros componentes.

    Para configurar algumas características do campo de texto, observe as opções disponíveis no painel Propriedades da janela logo abaixo da paleta de componentes (Figura 2).

    Propriedades do componente campo de texto (JTextField)
  3. Na lista de propriedades disponíveis, você poderá personalizar o componente e deixá-lo do seu jeito. É como se você fosse comprar um carro em uma loja. Você poderia escolher a cor, o modelo, direção hidráulica, ar condicionado etc. Nos componentes do NetBeans é a mesma coisa. Você poderá alterar o rótulo, o estilo, o tamanho e a cor da fonte, a cor de fundo, entre outras características. Vejamos como alterar algumas dessas propriedades na prática:

Para iniciar, vamos ver as seguintes propriedades

  • background – permite alterar a cor do plano de fundo do componente, disponibilizando a especificação da cor em diversos padrões.
  • editable – se esse checkbox estiver marcado, o componente ficará habilitado para a inserção e edição do texto, caso contrário, ficará desabilitado. Essa propriedade é marcada por padrão.
  • font – permite alterar a fonte, o estilo e o tamanho da fonte de um componente.
  • foreground – permite alterar a cor do texto do componente, disponibilizando a especificação da cor em diversos padrões.
  • text – essa propriedade é utilizada para você especificar um texto para o componente quando a aplicação for executada, ao invés de vir em branco. Por exemplo, você poderia informar ao usuário que nessa caixa de texto ele deverá inserir o nome de sua cidade de nascimento, mas o campo já poderia vir selecionado com uma cidade padrão, como, por exemplo, "Natal".
  • tamanho horizontal e tamanho vertical – utilizadas para alterar as dimensões de largura e altura do componente, permitindo mudar o tamanho padrão (quando o componente é inserido no JFrame) tanto digitando os valores nas caixas de texto, como diretamente no componente arrastando as abas de redimensionamento.
  • opaque – a cor de fundo que você escolheu na propriedade background só será mostrada se essa propriedade estiver marcada, caso contrário, o componente será exibido com o fundo padrão.

Versão 5.3 - Todos os Direitos reservados