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

arrow_back Aula 02 - Introdução ao Swing

Ajustando os Componentes

  1. Repare que logo acima do JFrame aparece uma pequena janela com algumas dicas que podem lhe auxiliar. Caso queira fechar essas dicas, basta clicar no pequeno quadrado (com um “X”) à direita.
  2. Para alterar o texto do JTextField, clique no componente e procure no painel de propriedades o campo text. Ao apagar o texto padrão JTextField1, que constava anteriormente, as dimensões são alteradas automaticamente, como mostra a Figura 15 a seguir.
    Alterando a propriedade text
  3. Como não queremos nenhum texto inicial no JTextField, manteremos esse campo vazio. Agora, de forma similar, altere o campo text dos outros componentes, adicionando os nomes sugeridos, como na Figura 16 (JLabel1 “milhas/h”, JButton “Converter” e JLabel2 “Km/h”). Componentes com a propriedade text alterada
  4. Agora sim, vamos ajustar as dimensões dos componentes. Clique no JTextField. Repare nos pequenos quadrados que aparecem no contorno do componente.
  5. Clique no pequeno quadrado do lado direito do componente. Segure o botão do mouse e arraste o cursor para ajustar no tamanho desejado, sem se preocupar em ocultar outros componentes que estejam próximos. Veja a Figura 17 a seguir: Alterando as dimensões do JTextFiled
  6. Ao soltar o botão do mouse, os outros componentes se ajustam automaticamente às novas posições. Veja a Figura 18 a seguir:
    Componentes com posicionamento ajustado
  7. Por fim, ajuste o tamanho do JFrame. Posicione o cursor no canto extremo inferior direito e arraste até obter as dimensões desejadas, eliminando todo o espaço extra. Veja a Figura 19 a seguir: Ajustando as dimensões do JFrame
  8. A parte realizada na GUI está completa. Vamos, agora, concluir o aplicativo inserindo os comandos de conversão ao botão.
  9. Clique no botão Converter com o botão direito do mouse. Siga a sequência de opções conforme mostra a Figura 20 a seguir: Inserindo um evento no botão
  10. Aparecerá na tela a área onde deverá ser incluído o código que será executado quando o botão for apertado.
  11. Insira a linha de comando especificada abaixo

    Perceba que o jTextField1 faz referência ao nome do atributo do campo de texto que foi criado e o jLabel2 ao nome do segundo rótulo (Km/h).

  12. Não se preocupe, agora, em entender o código. Posteriormente, vamos detalhar exemplos similares. O código-fonte deve ficar conforme mostrado na Figura 21 a seguir:
    Inserindo a linha de código no botão
  13. Pronto, finalizamos o aplicativo. Agora, vamos executar o que construímos. Na barra de tarefas superior, clique no ícone indicado na Figura 22 ou utilize a tecla de atalho F6. Visualização final do código fonte
  14. A janela do aplicativo aparecerá no canto superior esquerdo, como apresentado lá no início, antes de começarmos a construir o aplicativo (veja a Figura 23).
    Janela final do aplicativo
  15. Teste o aplicativo e confira se o resultado está de acordo com o esperado, conforme mostra a Figura 23.

Veja que o resultado da conversão aparece no JLabel2, e que o resultado aparece juntamente com o texto "km/h", substituindo o texto anterior. Agora, exercite o que aprendemos nesta aula fazendo a atividade proposta.

Versão 5.3 - Todos os Direitos reservados