Pages

terça-feira, 26 de março de 2013

Programando em Java no NetBeans IDE: Componentes Gráficos - Parte 2 - RadioButton, Group Button, ComboBox

Nesse post eu vou continuar discorrendo sobre os principais componentes gráficos do NetBeans IDE, usado para programar em Java, agora eu vou falar sobre os descritos no título da postagem: RadioButton (Botão de Opção), GroupButton e ComboBox.
- jRadioButton (botão de opção)
O jRadioButton, ou botão de seleção, é um componente da paleta do Swing usado para selecionar somente uma opção entre várias opções disponíveis, eles devem ser usados para situações em que o usuário tem mais de uma escolha possível, podem ser várias situações diferentes:
  Ex: Sim ou não, masculino ou feminino, faixa de salários, times do coração, enquetes e vários outros que aparecem no dia-dia da informática.....
Para adicioná-lo à interface do seu projeto, é só arrastar um botão de opção da paleta do swing e soltá-lo no formulário. As suas opções podem ser selecionadas através do clique do mouse.OBS: Do jeito que os botões de seleção estão dispostos no formulário da imagem, é permitido selecionar mais de uma opção, isso tornaria contraditório o que eu escrevi sobre o botão de seleção, essa situação acontece porque foram colocados isoladamente, eles não estão agrupados, modo que eu vou falar mas à frente. Propriedades do Botão de Seleção: Podemos mudar algumas propriedades do componente para adequá-lo ao projeto que estamos fazendo.
  • text: alterar o texto que aparecerá no componente;
  • selected: serve para o botão de seleção que for configurado já aparecer marcado;
  • buttonGroup: serve para agrupar vários botões de seleção, para garantir que apenas um botão de um grupo seja selecionado;
  • border: serve para criar uma borda ao redor do componente;
  • enabled: serve para deixar o componente selecionável ou não, como padrão, quando é adicionado ao ao formulário, ele já vem selecionável.
- Grupo de botões
Como foi dito anteriormente, nós podemos selecionar vários botões de opção quando eles não estão agrupados adequadamente, pois é, o componente gráfico que resolve esse problema é o Grupo de Botões gerencia vários botões de opção, o estado de cada um e garante que apenas um seja selecionado. Isso nós somente vamos entender na prática, desenvolvendo um pequeno software.
Crie um novo projeto, adicione um formulário a ele e:
  • Vá na paleta de componentes do swing e adicione a ao formulário um elemento painel:
  • Vá na paleta de componentes do swing e arraste vários botões de opção para dentro do painel;
  • Novamente na paleta de componentes, arraste um Grupo de Botões para dentro do painel;
  • Mude os textos dos botões de opção deixando-os, iguais aos da imagem abaixo;
  • Novamente na paleta de componentes, arraste um campo de texto para abaixo do painel;
  • Mude a propriedade buttongroup de cada um dos botões de opção para buttongroup1; Você clica no componente que está dentro do formulário e muda a propriedade, como está demonstrado na imagem abaixo, que também mostra a interface do software.
Agora quando você clicar em um dos botões de opção, o que estava marcado anteriormente, será desmarcado imediatamente. Não é somente isso, agora vamos dar interação ao software que estamos desenvolvendo. Vamos fazer o seguinte, quando clicarmos em um dos botões, ele mostrará um texto em cada campo de texto. Para isso, clique com o botão direito do mouse em cada campo de texto, vá em eventos > action > actionPerformed.
Ao fazer isso, abrirá o código do programa relacionado à ação que o botão de opção executará, chamado de procedimento.
Dentro do procedimento coloque o seguinte código:
jTextField1.setText("um");
Isso nós fizemos no “1”, faça o mesmo para o “2”, “3” e “4”.
Pronto, terminamos, agora você já pode executar o programa apertando o botão F6, agora só é permitido selecionar um botão de opção por vez, e quando clica neles, aparece o número correspondente no campo de texto. Viu como foi fácil?
- Caixa de Combinação (jComboBox)
Este componente é semelhante a uma lista, geralmente aparece apenas o item que está selecionado, e todos os outros ficam escondidos.
Eles podem aparecer em vários casos no nosso dia-dia da informática, as situações mais comuns são:
  • Masculino ou Feminino;
  • País;
  • Cidade;
  • Estado;
  • Faixa Etária;
  • Faixa Salarial.
Você deve ter reparado que em todas essas situações, somente uma é válida. Uma caixa de combinação pode ser estática ou dinâmica. Estática quando todos os seus itens são pre-estabelecidos, dinâmica quando pode ocorrer modificação em seus itens (ex. se os seus itens dependerem de uma banco de dados).
- Propriedades da caixa de combinação
  • editable - como o próprio nome sugere, serve para determinar se os itens poderão ser editáveis ou não;
  • maximumRowCount - serve para determinar quantos  itens aparecerão quando a caixa de combinação for acionada;
  • border - serve para criar borda ao redor do componente;
  • enabled - serve para determiar se a caixa de combinação é utilizável ou não;
  • model - para determinar os itens da caixa de combinação.
Depois desses conceitos iniciais, vamos usar na prática a nossa caixa de combinação em um software, vamos desenvolver um pequeno software que vai mostrar em um campo de texto o item da caixa de combinação que está selecionado. Crie um novo projeto no NetBeans IDE, adicione um formulário ao projeto, e....:
  • Adicione uma caixa de combinação ao formulário, arrastando-a da paleta de componentes;
  • Altere a propriedade model da caixa de combinação e adicione os seguintes itens Natal (minha cidade), Fortaleza, João Pessoa. Na imagem abaixo demonstra como usar a propriedade model.
  • Para finalizar a interface adicione um campo de texto logo abaixo da caixa de combinação.
  • Agora vamos dar interatividade à nossa caixa de combinação: Clique nela com o botão direito do mouse, vá em eventos > action > actionPerformed e faça o mesmo que fizemos nos botões de opção, coloque o seguinte trecho de código dentro do procedimento da caixa de combinação:
String c = (String)jComboBox1.getSelectedItem();
jTextField1.setText(c);
Pronto, finalizamos o programinha, agora é só apertar f6 para testar o que foi feito. Fácil né?? Você deve ter feito mais ou menos assim:

0 comentários:

Postar um comentário