26
Programação de Interfaces Gráficas Aula 2 Mini Curso INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA TRIÂNGULO MINEIRO – Campus Avançado Uberlândia Prof Carlos Eduardo Dantas – [email protected] Prof Carlos Eduardo Dantas – [email protected]

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

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: 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 – [email protected] Carlos Eduardo Dantas – [email protected]

Page 2: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

Objetivos Aula 2Objetivos Aula 2

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

Page 3: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

InternacionalizaçãoInternacionalização

• Crie um pacote chamado view.language;

• Crie um arquivo de propriedades.

Page 4: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

InternacionalizaçãoInternacionalização

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

Page 5: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

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.

Page 6: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

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

Page 7: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

InternacionalizaçãoInternacionalização

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

Page 8: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

InternacionalizaçãoInternacionalização

• Para adicionar um arquivo em Português

Page 9: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

InternacionalizaçãoInternacionalização

• Alterando o arquivo em Português

Page 10: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

InternacionalizaçãoInternacionalização

• Mais uma em Espanhol

Page 11: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

InternacionalizaçãoInternacionalização

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

Page 12: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

InternacionalizaçãoInternacionalização

• Resultado

Page 13: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

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.

Page 14: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

InternacionalizaçãoInternacionalização

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

Page 15: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

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

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

Page 16: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

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

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

Page 17: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

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

Page 18: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

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

• Crie o evento para as demais telas

Page 19: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

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.

Page 20: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

Tela de Fornecedor - Tela de Fornecedor - viewview

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

Page 21: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

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.

Page 22: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

Tela de Fornecedor - Tela de Fornecedor - viewview

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

Page 23: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

Tela de Fornecedor - Tela de Fornecedor - viewview

• Adicione o eveto itemStateChaged

Page 24: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

Tela de Fornecedor - Tela de Fornecedor - viewview

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

Page 25: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

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.

Page 26: Mini Curso - Programação de Interfaces Gráficas - aula 2

Prof Carlos Eduardo Dantas – [email protected] Carlos Eduardo Dantas – [email protected]

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.