GUI – Graphic User Interface

Prof. M.Sc. Ronnison Reges Vidal

Roteiro

• Introdução• AWT X Swing• Entrada e Saída Simples baseada em GUI– Exemplo: Divisão

• Componentes Java• Exemplo– Calculadora

• Outros links

INTRODUÇÃO

Introdução

• Interface Gráfica é:– Um mecanismo amigável ao usuário para interagir com um

usuário– GUI (Graphical User Interface)

• Uma GUI dá a aplicação uma “aparência” e um “comportamento” distintos. Fornecendo as diferentes aplicações componentes de interface com o usuário, consistentes e intuitivas.– Permitindo que o usuário se familiarize com um novo

aplicativo e o aprendam mais rapidamente utilizando-o mais produtivamente

Introdução

• As componentes de GUI são chamados de controles ou Widgets

• Interações– Ocorrem via mouse, teclado ou formulários de

entrada, como reconhecimento de voz

AWT X SWING

AWT X Swing

• Há dois conjuntos de GUI no Java– AWT (abstract window toolkit)– Swing (JavaX)

• Componentes GUI Leves X Pesados– Componentes Swing são leves porque não estão

amarradas as componentes da plataforma subjacente– As componentes AWT são consideradas pesadas

porque contam com o sistema de janelas da plataforma local para determinar sua aparência e funcionalidade

– Diferença de flexibilidade

ENTRADA E SAÍDA SIMPLES BASEADA EM GUI

Entrada e Saída Simples baseada em GUI

• Os aplicativos desenvolvidos nas aulas exibem textos na janela de comandos

• Obtêm dados através da mesma• Já os aplicativos normalmente usados no dia-a-dia

apresentam caixas de diálogos para interagir com o usuário– Programas de emails

• Caixas de diálogos são janelas que exibem mensagens importante para o usuário ou obtem informações

Entrada e Saída Simples baseada em GUI

• Tais caixas de diálogos são implementadas invocando o método estático JOptionPane

• Exemplo – Programa de Divisão

Entrada e Saída Simples baseada em GUI

• Exemplo – Programa de Divisão

Entrada e Saída Simples baseada em GUI

COMPONENTES

Componentes

• Apesar de poder usar diálogos JOptionPane a maioria das aplicações GUI necessitam de interfaces com o usuário mais elaboradas e personalizadas

• As componentes Swing são componentes Java puros– E permitem aos desenvolvedores de aplicações

criar GUIs mais robustas

Componentes

Componentes

Nimbus

Exercícios

• Implementar os códigos do capítulo 14– Java como programar, referentes aos

componentes apresentados na tabela anterior

Exemplo

• Calculadora– Classe Calculos– Formulário JFrame – CalculadoraGUI• JFrame• JPanel• JTextPane• JButton• Eventos -> Mouse -> MouseClicled

• Referência - DevMedia

Outros Links

• https://netbeans.org/kb/docs/java/quickstart-gui.html

• https://netbeans.org/kb/docs/java/gui-functionality.html

• https://netbeans.org/kb/docs/java/gui-image-display.html

• http://wiki.netbeans.org/NetBeansUserFAQ#section-NetBeansUserFAQ-GUIEditorMatisse

• https://netbeans.org/kb/trails/matisse.html