Mini Curso - Programação de Interfaces Gráficas - aula 1

Programação de Interfaces
Gráficas
Aula 1
Mini Curso
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA
TRIÂNGULO MINEIRO – Campus Avançado Uberlândia
Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

Abrangência do Curso
• Criação de Interfaces Gráficas com Swing;
• Uso do framework Beans Binding para
efetuar o link dos componentes com os
objetos;
• Uso do padrão MVC;
• Uso de regionalização;
• Introdução à Persistência de Objetos.

Objetivos Aula 1
• Obter uma visão geral de componentes
Swing;
• Organizar um projeto no padrão MVC.

Introdução
• Uma interface gráfica com o usuário
apresenta uma interface visual para um
Software;
• Em Java existem basicamente as APIs:
Swing, SWT e AWT.
Componentes AWT: Label, Button, TextField, List, etc.
Componentes Swing: JLabel, JButton, JTextField, JList, etc.
Componentes SWT: Label, Button, Text, List, etc

AWT
• API padrão entre 1995-1998;
• Perdeu popularidade por ter dependência
com a plataforma local;
• Os componentes awt se situam no pacote
java.awt.

Swing
• API escrita puramente em Java;
• Padrão desde 1998;
• Componentes podem ser estendidos ou
modificados;
• Os componentes swing se situam no
pacote javax.swing.

Mapa de Componentes
Swing/AWT
• Swing em azul;
• AWT em
amarelo.

Principais componentes
Swing
• Jframe – janela (ou quadro) de nível mais
alto;
Alguns métodos interessantes para um quadro (JFrame):
dispose( ): fecha a janela e libera seus recursos para o sistema,
setIconImage( ): especifica um ícone (objeto Image),
setTitle( ): muda o texto da barra de título,
setResizeable( ): que especifica um boolean para determinar se o
quadro será redimensionável ou não,
setVisible( ): exibir o quadro,
setSize( ): que especifica o tamanho do quadro,
setLocation( ): que especifica a localização do quadro na tela.

NetBeans
• Ambiente de Desenvolvimento open-
source escrito em Java;
• Alta produtividade em aplicações
Desktop, Java ME, etc..;
• Integração perfeita com os principais
frameworks da plataforma Java
http://www.netbeans.org

Iniciando um projeto -
criação

Iniciando um projeto –
criação de pacotes

Adicionando um JFrame

Editando propriedades
JFrame
•

Adicionando um Panel
•

Editando borda
•

Adicionando Componentes
• Adicione dois Label, um TextField, um
Password Field, um Separator, um Button,
e deixe a aplicação semelhante à imagem
abaixo:

• Edite o nome dos componentes abaixo
(apertando F2 em cada componente):

• Adicione um novo pacote chamado
view.img, e dentro deste, coloque uma
imagem para a tela de login

Adicionando Imagem
• Adicione um Jlabel, e pela propriedade
icon, adicione a imagem

adicionando evento do botão
• Adicionando evento para executar o botão
ao pressionar “enter”

camada view completa

camada model.domain
• Em model.domain, crie uma classe
chamada Autenticacao, com os atributos
usuario e senha

camada model.domain
• Botão direito do mouse e clique em insert
code, adicionando construtores, get/set
para todos os campos, toString para todos
os campos e equals HashCode,
comparando pelo campo usuario

camada model.dao
• Em model.dao, crie uma classe chamada
AutenticacaoDao, simulando o
funcionamento de um banco de dados

camada control
• Em control, crie uma classe chamada
AutenticacaoControl, e coloque get/set
para o campo autenticacaoDigitada.

camada control
• Em AutenticacaoView, coloque uma
referência para AutenticacaoControl, e crie
um get

camada control
• Clique duplo no botão login para
adicionar um evento, e adicione o código
abaixo:

resultado
• O que falta?

resultado
• Falta associar o que foi digitado nos
campos com o atributo
autenticacaoDigitada da classe
AutenticacaoControl.

Beans Binding
• Implementação da JSR-295;
• Permite vincular propriedades de objetos
a propriedades de componentes gráficos
no Swing ou qualquer outro
objeto/componente;
• O NetBeans possui total suporte para tal
finalidade.

Beans Binding –
implementação view
• Deve-se amarrar os campos de texto com
os atributos de autenticacaoDigitada

Beans Binding –
implementação view
• Com a vinculação dos componentes,
automaticamente foram adicionados as
bibliotecas do framework

Beans Binding – resultado

Adicionando menu

Adicionando menu
• Edite os textos dos menus e adicione
atalhos, clicando duplo ao lado do texto;
• Edite as propriedades do Jframe, como
title e location by platform

Criando um link entre a tela
de login e o menu
• Deve-se fechar o frame atual
(Autenticação) e abrir o frame novo
(menu).

Executando o arquivo binário
• Clicar em Clean and Build;
• Dentro do diretório do projeto foi gerado
um diretório chamado dist com os
arquivos binários.

Próxima aula
• Criação de telas CRUD
(inserção,atualização,exclusão e pesquisa)
completo, com tabelas, pesquisas, etc..

Referências
• [1] – “Dominando NetBeans”; Edson
Gonçalves; Editora Ciência Moderna,
2006;
• [2] –“Swing + Beans Binding” – revista
Java Magazine, ed. 70;
• [3] – “Criando aplicações com MVC” –
revista Java Magazine, ed. 83.

Mini Curso - Programação de Interfaces Gráficas - aula 1

Mais conteúdo relacionado

Destaque

Semelhante a Mini Curso - Programação de Interfaces Gráficas - aula 1

Mais de Carlos Eduardo

Mini Curso - Programação de Interfaces Gráficas - aula 1