Escolar Documentos
Profissional Documentos
Cultura Documentos
Tenha certeza de desabilitar o checkbox Create Main Class; deixando esta opo
selecionada ser gerada uma nova classe principal como ponto de entrada da aplicao, mas
nossa janela GUI principal (criada no prximo passo) servira para aquele propsito, assim
marcar esta caixa no necessria. Clique em Finish quando voc estiver acabado.
Quando a IDE acabar de carregar, voc vera uma screen similar acima. Todos painis esto
varias exceto para o painel Projects no canto esquerdo superior, o qual mostrara o projeto
criado recentemente.
Passo 4 Adicionando um JFrame
O restante dos campos dever ser preenchido automaticamente, como mostra acima. Clica no
boto Finish quando voc estiver acabado.
Quando a IDE acabar de carregar, o painel direito mostrada um tempo de projeto, uma viso
grfica do CelsiusConverterGUI. Isto esta nesta screen que voc visualizara arrastando,
soltando e manipulando os vrios componentes Swing.
Bsico da IDE NetBeans
No necessrio aprender cada caractersticas da IDE NetBeans antes de explorar suas
capacidades de criao GUI. De fato, apenas caractersticas que voc realmente necessita
para entender a Palette, o Design Aream o Property Editor, e o Inspector. Nos discutiremos
estas caractersticas abaixo:
A Palheta
A Palheta contem todos compoentenes oferecidos pela API Swing. Voc pode provavelmente
j adivinhar para que so muito desses componentes, ainda que seja a primeira vez que
esteja usando deles (JLabel um etiqueta de texto, JList uma lista arrastar-abaixo, etc)
Desta lista, nossa aplicao usara apenas JLabel(uma etiqueta bsica de texto),
JTextField(para o usurio entrar com a temperatura) e JButton(para converter a temperatura
de Celsius para Fahrenheit.)
A rea de Projeto
A rea de projeto onde voc constri visivelmente sua GUI. Isto tem duas vistas: vista de
cdigo, e vista de projeto. Vista de projeto o padro, como mostra abaixo. Voc pode
alternar entre as vistas em qualquer hora clicando em suas respectivas abas.
A figura acima mostra um simples objeto JFrame, como representou pelo retngulo
sombreado grande com borda azul. Comportamentos comumente esperados (tal como fechar
quando o usurio clicar no boto close) auto-gerado pela IDE e aparece na vista de cdigo
entre as sees azuis no editveis que o cdigo conhece como guarded blocks ( espao
defendido );
Uma rpida olhada no cdigo mostra que a IDE tem criado um mtodo private chamado
initComponents, a qual inicializa os vrios componentes do GUI. Isto tambm chama a
aplicao para EXIT_ON_CLOSE, apresenta algumas tarefas de planos especificas, ento
empacota os (logo que for adicionado) componentes juntos na tela.
No sinta que voc necessita entender este cdigo em qualquer detalhe; nos mencionamos
que isto aqui simplesmente para explorar a aba cdigo. Para mais informaes sobre estes
componentes, veja:
How to Make Frames (Main Windows) e Laying Out Components Within a Container.
O Editor de Propriedade
O Editor de Propriedade faz o que seu nome implica: ele permite que voc edite as
propriedades de cada componente. O Editor de Propriedade intuitivo para usar; nele voc
vera uma serie de filas uma fila por propriedade que voc pode clicar e editar sem
entrar no cdigo fonte diretamente. A seguinte figura mostra o Editor de Propriedades para o
objeto JFrame adicionado recentemente:
A imagem acima mostra as varias propriedades deste objeto, tal como background color,
foreground color, fonte and cursor.
O Inspector
O ultimo componente do NetBeans que nos usaremos nesta lio o Inspector.
Voc pode colocar o titulo por outro jeito, clicando no titulo da propriedade e entrando o
novo texto diretamente, ou por clicando no boto e entrando com o titulo no campo
fornecido. Ou, como um atalho voc pode simplesmente clicar no JFrame do Inspector e
entrar com seu novo texto diretamente sem usar o Property Editor.
Passo 2 Adicionando um TextField
Prximo, arraste um JTextField da Paleta para canto esquerdo superior da rea de Projeto.
Como voc aborda o canto esquerdo superior, o construtor GUI fornece sugestes visuais que
sugere o espaamento apropriado. Usando estas sugestes como um guia, solte o JTextField
no canto esquerdo superior da janela como mostrado abaixo:
Voc pode ser tentado para apagar o texto padro JTextField1, mas s deixe ele no lugar
por enquanto. Ns substituiremos ele depois nesta lio como ns faremos os ajustes gerais
para cada componente. Para mais informaes sobre este componente, veja How to Use Text
Fields.
Passo 3 Adicionar um JLabel
Prximo, arraste a JLabel dentro da rea de Projeto. Coloque ele no direito do JTextField,
novamente assistindo para as sugestes visuais que sugerem uma quantia apropriada de
espaamento. Faz claramente que o texto base para este componente esta alinhado com o
JTextField. A sugesto visual fornecida pela IDE poderia fazer isto fcil para determinar.
Voc pode ser tentando manualmente ajustando a largura do JButton e JTextField, mas
apenas deixando eles como eles esto no momento. Voc aprendera como ajudar
corretamente estes componentes depois nesta lio. Para mais informaes sobre este
componente, veja How to Use Buttons.
Passo 5 Adicionando o segundo JLabel
A parte GUI desta aplicao esta agora completa! Se o NetBeans tivesse acabado o seu
trabalho, voc sentiria que criar esta GUI foi um simples, se no uma tarefa trivial. Mas tome
um minuto clicando na aba do cdigo; voc poderia ficar surpreendido na quantia de cdigo
que foi gerado.
Para ver o cdigo todo, role de cima para baixo dentro da IDE quando for necessrio. Voc
pode expandir ou desmoronar certos pedaos de cdigo (tal como o corpo dos mtodos) por
clicar no simbolo + ou ao lado esquerdo do editor de cdigo.
Adicionando a Lgica na Aplicao
Agora a hora de adicionarmos a lgica na aplicao.
Passo 1 : Mudar o nome padro das variveis
Agora imagem abaixo mostra os nomes das variveis padro que atualmente aparecem dentro
do Inspector. Para cada componente, a varivel nome aparece primeiro, seguida pelo tipo de
objeto nos colchetes. Por exemplo, jTextField1 [JTextField] significa que jTextField1 o nome
da varivel e JTextField seu tipo.
Os nomes padro no so relevante no contexto desta aplicao, assim faz sentido mudar eles
de seus padres para algo que mais significante. Clique com o direito em cada varivel e
escolha Change variable name. Quando voc estiver terminado, o nome da varivel devera
aparecer como segue:
Na rea de projeto, clique no boto Convert para selecionar ele. Tenha certeza que apenas o
boto Convert esta selecionado (se o JFrame tambm estiver selecionado, este passo no
funcionara). Clique com o botao direito no boto Convert e escolha Events -> Action ->
ActionPerformed. Este gerara o cdigo do event-handling requerido, deixando voc com o
corpo do mtodo vazio o qual adiciona sua prpria funcionalidade:
Existem muitos tipos diferentes de eventos representando os vrios tipos de aes que o
usurio final pode fazer (clicando com o mouse um evento, pressionando uma tecla outro,
movendo o mouse ainda outro, e assim por diante) nossa aplicao esta apenas interessada
com o ActionEvent; para mais informaes sobre event handling, veja Writing Event Listeners.
Passo 3 : Adicionando o Cdigo de Converso de Temperatura
O passo final simplesmente colocar o cdigo de converso de temperatura no corpo do
mtodo vazio. O cdigo seguinte tudo que necessrio para converter a temperatura de
Celsius para Fahrenheit.
//Parse degrees Celsius as a double and convert to Fahrenheit.
int tempFahr = (int)((Double.parseDouble(tempTextField.getText()))
* 1.8 + 32);
fahrenheitLabel.setText(tempFahr + " Fahrenheit");
Simplesmente copie este cdigo e cole dentro do mtodo
convertButtonActionPerformed como mostrado abaixo: