Técnicas de

Programação
 Material Teórico
Criando uma Aplicação Stand-alone

Responsável pelo Conteúdo:

Prof. Ms. Douglas Almendro

Revisão Textual:
Prof. Ms. Claudio Brites.
 Criando uma Aplicação Stand-alone

• Aplicações Stand-alone

• Tutorial

• Interface Gráfica

• Codificando

·· 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.

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.

5
 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.

6
 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.

7
 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.

8
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.

9
 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.

10
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.

11
 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.

12
Passo 2
Escolha a opção Aplicação Java.

Passo 3
Digite “Projeto2” no campo Nome do Projeto.

13
 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.

14
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.

15
 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.

16
 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.

17
 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:

18
 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.

19
 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:

20
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.

21
 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:

22
 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.

23
 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.

24
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.

25
 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.

26
 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.

27
 Unidade: Criando uma Aplicação Stand-alone

Anotações

28
www.cruzeirodosulvirtual.com.br
Campus Liberdade
Rua Galvão Bueno, 868
CEP 01506-000
São Paulo SP Brasil
Tel: (55 11) 3385-3000