mini curso - programação de interfaces gráficas - aula 2

Programação de Interfaces Gráficas

Aula 2

Mini CursoINSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA

TRIÂNGULO MINEIRO – Campus Avançado Uberlândia

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

Objetivos Aula 2Objetivos Aula 2

• Internacionalizar o aplicativo;• Criação de CRUDs no padrão MVC.

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

InternacionalizaçãoInternacionalização

• Crie um pacote chamado view.language;

• Crie um arquivo de propriedades.

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

InternacionalizaçãoInternacionalização

• Selecione o arquivo view e faça o procedimento abaixo

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

InternacionalizaçãoInternacionalização

• Para cada “String” digitada manualmente, o sistema irá sugerir para ser modificada;

• Em Bundle Name, deverá ser selecionado o arquivo properties criado recentemente.

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

InternacionalizaçãoInternacionalização

• Para cada modificação, modifique a chave para um nome que identifique a tela e o componente, mude o value e clique em Replace

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

InternacionalizaçãoInternacionalização

• Ao término, segue conteúdo do arquivo resource-en.properties

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

InternacionalizaçãoInternacionalização

• Para adicionar um arquivo em Português

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

InternacionalizaçãoInternacionalização

• Alterando o arquivo em Português

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

InternacionalizaçãoInternacionalização

• Mais uma em Espanhol

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

InternacionalizaçãoInternacionalização

• Para alterar o idioma, basta mudar a localização

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

InternacionalizaçãoInternacionalização

• Resultado

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

InternacionalizaçãoInternacionalização

• Caso o componente de Internacionalização não encontre algum componente (por exemplo, a borda do Jpanel), altere o label do componente para Resource Bundle e selecione a chave.

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

InternacionalizaçãoInternacionalização

• Exercício: crie a internacionalização para o menu

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

Criação de frames Criação de frames internosinternos

• Para cada tela do menu, será necessário criar um Frame Interno

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

Criação de frames Criação de frames internosinternos

• Para cada tela do menu, altere as propriedades básicas

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

Criação de frames Criação de frames internosinternos

• No menu, clique com o botão direito sobre o item de menu, vá em eventos e adicione o evento actionPerformed

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

Criação de frames Criação de frames internosinternos

• Crie o evento para as demais telas

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

Tela de Fornecedor - Tela de Fornecedor - viewview

• Adicione dois painéis, um para os botões e outro para os campos. Coloque as bordas que desejar.

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

Tela de Fornecedor - Tela de Fornecedor - viewview

• Adicione 4 botões dentro do panel de botões, adicionando ícones e posteriormente reonomeando

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

Tela de Fornecedor - Tela de Fornecedor - viewview

• Adicione os campos abaixo dentro do panel de campos.

• Os campos são: três labels, dois textfields, um formatted field e um checkbox.

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

Tela de Fornecedor - Tela de Fornecedor - viewview

• Para o formatted field, No campo Formatter Factory, coloque no formato abaixo:

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

Tela de Fornecedor - Tela de Fornecedor - viewview

• Adicione o eveto itemStateChaged

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

Tela de Fornecedor - Tela de Fornecedor - viewview

• Adicione uma table para que a tela seja feita conforme a figura abaixo:

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

Próxima aulaPróxima aula

• Conclusão desta tela com adição dos componentes domain, dao e control;

• Adição do Framework Beans Binding para controlar tabelas e campos;

• Criação das telas Produto e Cliente, com adição de mais componentes.

Prof Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.brProf Carlos Eduardo Dantas – carloseduardodantas@iftm.edu.br

ReferênciasReferê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.