mod 2

Prévia do material em texto

Técnicas de 
Programação
Criando uma Aplicação Stand-alone
Material Teórico
Responsável pelo Conteúdo:
Prof. Ms. Douglas Almendro
Revisão Textual:
Prof. Ms. Claudio Brites. 
5
• Aplicações Stand-alone
• Tutorial
• Interface Gráfica
Iniciaremos aqui mais uma disciplina de Técnicas de Programação. Estudaremos inicialmente a 
criação de um projeto de interface gráfica.
Procure acessar os materiais e as atividades o quanto antes, para nos consultar caso tenha 
dúvidas. Aliás, fique atento aos prazos.
Esperamos que você tenha um excelente aproveitamento dos conteúdos aqui apresentados, pois 
são importantíssimos para o curso de Tecnologia em Análise e Desenvolvimento de Sistemas.
 · Nesta unidade, construiremos nosso primeiro projeto em 
linguagem Java.
 · Entraremos nos detalhes da estrutura de um projeto, fique 
atento ao material teórico bem como ao tutorial de criação da 
aplicação stand-alone para a construção do projeto. 
Criando uma Aplicação Stand-alone
• Codificando
6
Unidade: Criando uma Aplicação Stand-alone
Contextualização
Nesta unidade, construiremos um projeto mais elaborado na ferramenta NetBeans. Siga 
atentamente o tutorial de criação de projetos e pacotes.
Abordaremos alguns componentes que farão parte do layout da tela de uma interface gráfica. 
Também veremos durante esta unidade que existem várias situações nas quais podemos usar 
os componentes gráficos, incluindo projetos mais elaborados, ou seja, esse ferramental teórico 
servirá para sua carreira como analista/programador.
7
Aplicações Stand-alone
Pode-se entender que uma aplicação stand-alone seria um programa voltado para apenas 
um usuário, diferentemente de um programa em rede (multiusuário).
São entendidas também como aplicações autônomas, isto é, não é necessário nenhum outro 
programa para o seu funcionamento. Um bom exemplo disso é a calculadora do Windows ou 
o Software da Receita federal.
Veja o nosso material complementar: Construindo uma aplicação Stand-alone em Java.
Componentes Visuais – Java
Rótulos e Entrada de texto.
Rótulos
Rótulos ou labels são componentes utilizados para exibição de textos curtos ou ícones, e não 
podem receber foco. Disponíveis na API SWING e AWT.
8
Unidade: Criando uma Aplicação Stand-alone
Entrada de Texto
Para entrada de texto, vamos falar sobre os componentes TextField e TextArea.
O componente TextField geralmente é usado para entrada e exibição de dados editáveis ou 
não com apenas uma linha. 
O TextArea funciona da mesma forma que o TextField, porém é utilizado para exibição de 
múltiplas linhas. Esses dois componentes possuem eventos e podem receber foco. Disponíveis 
na API SWING e AWT.
9
Painéis
São containers que podem abrigar outros componentes, podemos encontrá-los na API 
SWING e AWT.
Botões de comando
Usamos botões geralmente com o intuito de executar alguma ação. Podem receber foco e 
possuem eventos. Podemos encontrá-los na API SWING e AWT.
10
Unidade: Criando uma Aplicação Stand-alone
Caixa de Seleção
Caixas de seleção ou Checkbox são usadas para seleção de escolhas possíveis, têm como 
principal propriedade o valor Checked (verdadeiro ou falso) – ao selecionar o componente, 
assume-se o valor True, e ao remover a seleção, o valor False. 
Vamos imaginar um formulário de pedido de um software de pizzaria: no exemplo, há um 
momento no qual podemos escolher “Borda de Catupiry”:
Podemos encontrar esse componente na API SWING e AWT. Podem receber foco e 
possuem eventos.
11
Botão de Rádio e Grupo de Botões
Os componentes Botão de Rádio ou RadioButton em conjunto com os Grupos de Botões ou 
ButtonGroup são usados quando se quer obter somente um valor (de uma entrada de dado) de 
cada vez dentre múltiplas opções.
Vamos utilizar o exemplo do software de pizzaria: em algum momento do formulário de 
pedido é obrigatório selecionar o tipo de pagamento, supondo que tenhamos somente duas 
opções, Dinheiro ou Cartão:
 
Nesse caso, podemos notar que a opção escolhida é Dinheiro – lembrando que para esse 
exemplo o usuário só poderá escolher uma opção entre as duas disponíveis.
Para que o componente funcione da maneira que desejamos, é preciso criar um Grupo de 
Botões (ButtonGroup) e vincular os Botões de Rádio ao mesmo Grupo. Somente depois de 
feito isso os componentes funcionarão, permitindo a escolha de somente uma opção.
Podemos encontrar esse componente na API SWING. Podem receber foco e possuem eventos.
 
12
Unidade: Criando uma Aplicação Stand-alone
Tutorial
Para este tutorial precisamos:
 » Netbeans 7 ou superior;
 » SDK Java 6 ou superior.
Caso necessite, leia Instalando o Ambiente JAVA.
Iremos criar uma aplicação stand-alone, ou seja, uma aplicação independente. Nossa 
aplicação se resume em uma caixa de entrada de texto, um label para exibir o resultado da 
entrada do texto e um botão que irá executar a ação.
Nessa primeira sequência, vamos criar um projeto e adicionar um Jframe para então 
podermos adicionar alguns componentes visuais e, posteriormente, ações.
Interface Gráfica
Passo 1
Abra o Netbeans, clique no menu Arquivo/Novo Projeto.
 
13
Passo 2 
Escolha a opção Aplicação Java. 
Passo 3
Digite “Projeto2” no campo Nome do Projeto. 
 
14
Unidade: Criando uma Aplicação Stand-alone
Em seguida, crie uma pasta chamada Aula2 na área de trabalho. 
Na tela seguinte, clique em Finalizar.
Passo 4 
Clique no nome do projeto com o botão direito do mouse e, em seguida, selecione a opção 
Novo/Form JFrame.
 
15
Passo 5
Digite “Principal” no campo Nome da Classe e clique em finalizar.
 
Nos passos seguintes, iremos adicionar componentes e dar vida a nossa aplicação por 
meio de eventos.
Passo 6
Selecione na paleta o componente botão da API AWT e arraste até o palco. 
16
Unidade: Criando uma Aplicação Stand-alone
Posicione o botão como na figura abaixo:
Agora clique com o botão direito do mouse em cima do botão e selecione a opção Propriedades.
 
17
Esse passo nos dá acesso às propriedades do botão. Iremos alterar a propriedade Label, 
que é a propriedade que controla o nome a ser exibido na interface, e a propriedade Nome da 
Variável, que é a propriedade usada na codificação mais a frente.
Na aba Propriedades, digite “Executar” no campo label.
 
Na aba Código, digite “btnExecutar” no campo Nome da Variável.
 
18
Unidade: Criando uma Aplicação Stand-alone
Passo 7
Selecione na paleta o componente Campo de texto da API AWT e arraste até o palco.
 
Posicione o componente como na figura abaixo:
 
19
Clique com o botão direito do mouse em cima do Campo de Texto e selecione a opção 
Propriedades – o obejtivo aqui é apagar o texto exibido na tela e alterar o nome da variável.
Na aba Propriedades, apague o texto do campo text.
 
Digite “txtNome” no campo Nome da Variável.
 
20
Unidade: Criando uma Aplicação Stand-alone
Se todos os passos foram seguidos corretamente, sua interface gráfica deve estar como na 
figura abaixo:
 
Passo 8
Selecione na paleta o componente Label da API AWT, arraste até o palco e posicione o 
componente como na figura abaixo:
 
21
Para esse componente, iremos alterar o texto exibido na tela, a fonte e o nome da variável.
Na aba Propriedades, digite “Resultado” no campo text.
 
Clique duas vezes no local indicado na figura abaixo para abrir a tela de configurações de fonte.
 
22
Unidade: Criando uma Aplicação Stand-alone
Altere as configurações como na figura abaixo:
 
Na aba Código, digite “lblresultado” no campo Nome da Variável.
Sua aplicação deve estar como na figura abaixo:
 
23
Codificando
O Objetivo é exibir o texto inserido no componente txtNome através do componente Label 
(Resultado) quando o usuário clicar no botão Executar.
Clique com o botão direito do mouse sobre o botão e selecione o evento “actionPerfomed” 
– ou clique duas vezes sobre o botão.
 
Note que a IDE criou um método chamado “btnExecutarActionPerformed, é nesse método 
que iremos codificar nossa ação. 
24
Unidade:Criando uma Aplicação Stand-alone
Digite o seguinte código: lblResultado.setText(txtNome.getText()); 
Como na figura abaixo:
 
Vamos testar o código.
Antes de qualquer coisa, vamos configurar o modo que nosso form vai ser exibido em nosso 
computador. Clique em qualquer lugar vazio do form com o botão direito do mouse, selecione 
a opção Propriedades.
 
25
Selecione a opção “Gerar Pack()” no campo Política de Tamanho de Form.
 
Agora crie o Projeto, clicando no menu Executar/Criar Projeto ou pressione F11.
 
26
Unidade: Criando uma Aplicação Stand-alone
Clique no botão “OK”, na janela a seguir, e em seguida clique no local indicado na figura 
abaixo – ou pressione F6.
Se tudo certo, veremos uma tela parecida com essa. 
 
Digite algo na caixa de texto e clique no botão executar.
27
Vamos implementar nosso código um pouco mais? 
Volte ao Netbeans, clique no botão executar duas vezes para acessarmos o método 
“btnExecutarActionPerformed” e digite o seguinte código: lblResultado.setText(“Olá “ + 
txtNome.getText()); e pressione F6.
 
Digite algo na caixa de texto e veja o resultado.
 
28
Unidade: Criando uma Aplicação Stand-alone
Anotações
www.cruzeirodosulvirtual.com.br
Campus Liberdade
Rua Galvão Bueno, 868
CEP 01506-000
São Paulo SP Brasil 
Tel: (55 11) 3385-3000
http://www.cruzeirodosulvirtual.com.br