Componentes GUIComponentes GUI GUI – Grafical User Interface – São construídas a partir GUI – Grafical User Interface – São construídas a partir

de componentes GUI chamados de controles ou widgets de componentes GUI chamados de controles ou widgets (windows gadgets – engenhocas de janela).(windows gadgets – engenhocas de janela).

Ex: JOptionPane fornece caixas de diálogos pré-Ex: JOptionPane fornece caixas de diálogos pré-empacotadas para entrada/saída, como vimos ao empacotadas para entrada/saída, como vimos ao usarmos showMessageDialog e showInputDialog.usarmos showMessageDialog e showInputDialog.

Existe diversas funcionalidades disponíveis nas Existe diversas funcionalidades disponíveis nas bibliotecas de classes Java destinadas a prover a bibliotecas de classes Java destinadas a prover a comunicação homem-máquina via interface gráfica.comunicação homem-máquina via interface gráfica.

Os elementos básicos para criar um GUI residem em Os elementos básicos para criar um GUI residem em dois pacotes: Swing e AWT. dois pacotes: Swing e AWT.

AWT: Abstract Window Toolkit (pacote java.awt) são classes AWT: Abstract Window Toolkit (pacote java.awt) são classes básicas para construção de interfaces com janelas.básicas para construção de interfaces com janelas.

Swing: Fornece melhores alternativas aos componentes da Swing: Fornece melhores alternativas aos componentes da AWT. Implementado somente a partir da versão 1.2. AWT. Implementado somente a partir da versão 1.2.

Componentes GUIComponentes GUI A aparência e maneira como um usuário pode interagir com A aparência e maneira como um usuário pode interagir com

componentes AWT diferem de acordo com a plataforma. componentes AWT diferem de acordo com a plataforma. Componentes Swing permitem especificar uniformemente a Componentes Swing permitem especificar uniformemente a aparência e o comportamento para o aplicativo em todas as aparência e o comportamento para o aplicativo em todas as plataformas ou utilizar aparência e comportamento personalizados plataformas ou utilizar aparência e comportamento personalizados em cada plataforma.em cada plataforma.

Componentes Swing são implementados diretamente na plataforma Componentes Swing são implementados diretamente na plataforma Java sendo mais portáveis e flexíveis que os componentes originais Java sendo mais portáveis e flexíveis que os componentes originais do pacote AWT que foram implementados na GUI da plataforma do pacote AWT que foram implementados na GUI da plataforma subjacente, ou seja em código nativo. Por isto geralmente Swing subjacente, ou seja em código nativo. Por isto geralmente Swing são mais usados.são mais usados.

Componentes GUIComponentes GUI Estas classes são parte de um conjunto mais genérico de Estas classes são parte de um conjunto mais genérico de

capacidades gráficas chamado de Java Foundation Classes, capacidades gráficas chamado de Java Foundation Classes, ou JFC.ou JFC.

Componentes leves X Componentes pesados: São Componentes leves X Componentes pesados: São chamados de componentes pesados aqueles que são chamados de componentes pesados aqueles que são vinculados à plataforma local, ou dependem do sistema de vinculados à plataforma local, ou dependem do sistema de janela da plataforma local para determinar seu janela da plataforma local para determinar seu comportamento e aparência, já os componentes leve são comportamento e aparência, já os componentes leve são aqueles que não estão vinculados a componentes GUI reais aqueles que não estão vinculados a componentes GUI reais da plataforma subjacente.da plataforma subjacente.

Alguns componentes Swing também são componentes Alguns componentes Swing também são componentes pesados, requerem interação direta com o sistema de janela pesados, requerem interação direta com o sistema de janela local o que pode restringir sua aparência e funcionalidade.local o que pode restringir sua aparência e funcionalidade.

Componentes leves fornecem melhor controle sobre sua Componentes leves fornecem melhor controle sobre sua aparência e funcionalidade.aparência e funcionalidade.

Componentes GUIComponentes GUI

Duas palavras chave para nossa compreensão Duas palavras chave para nossa compreensão são:são: Componentes: Partes individuais a partir das quais Componentes: Partes individuais a partir das quais

uma GUI é construída. São botões, menus, itens de uma GUI é construída. São botões, menus, itens de menu, caixas de seleção, etc.menu, caixas de seleção, etc.

Tratamento de eventos: São as possíveis respostas Tratamento de eventos: São as possíveis respostas disparadas por ações do usuário. Caso o usuário disparadas por ações do usuário. Caso o usuário ative um componente o sistema gerará um evento ative um componente o sistema gerará um evento que enviará uma notificação ao nosso sistema que que enviará uma notificação ao nosso sistema que poderá então chamar um de seus métodos.poderá então chamar um de seus métodos.

Componentes GUIComponentes GUI

Suplerclasses comuns de muitos Suplerclasses comuns de muitos componentes swingcomponentes swing

Componentes GUIComponentes GUI Uma interface gráfica em Java é baseada em dois tipos Uma interface gráfica em Java é baseada em dois tipos

de elementos:de elementos: containerscontainers: São componentes que servem para agrupar e exibir : São componentes que servem para agrupar e exibir

outros componentes , podem ser de alto nível ou intermediários.outros componentes , podem ser de alto nível ou intermediários. componentscomponents: São botões, labels, scrollbars, etc.: São botões, labels, scrollbars, etc.

Todo programa que ofereça uma interface gráfica vai Todo programa que ofereça uma interface gráfica vai conter pelo menos um container, que pode ser:conter pelo menos um container, que pode ser:

JFrame – janela principal do programa (tJFrame – janela principal do programa (top-level containers op-level containers )) JDialog – janela para diálogosJDialog – janela para diálogos JApplet – janela para AppletsJApplet – janela para Applets

Para construirmos uma interface gráfica em Java Para construirmos uma interface gráfica em Java adicionamos componentes (botões, menus, textos, adicionamos componentes (botões, menus, textos, tabelas, listas, etc) sobre a área de um containertabelas, listas, etc) sobre a área de um container

Em nosso exemplo iremos usar um JFrame:Em nosso exemplo iremos usar um JFrame:

Vejamos uma janela simples. Vejamos uma janela simples. Esta janela possui os seguintes elementos:Esta janela possui os seguintes elementos:

JFrame: Armazena os demais componentesJFrame: Armazena os demais componentes JPanel: Serve para facilitar o posicionamento do botão label JPanel: Serve para facilitar o posicionamento do botão label

(container intermediário)(container intermediário) JButton: O botãoJButton: O botão JLabel: O texto: “Quantidade de clicks: 0”JLabel: O texto: “Quantidade de clicks: 0”

Dos elementos acima:Dos elementos acima: JFrame são containers top-level, sempre haverá um dos 3 JFrame são containers top-level, sempre haverá um dos 3

anteriormente citadosanteriormente citados JPanel são containers intermediate, podem estar ou não JPanel são containers intermediate, podem estar ou não

presentes (mas geralmente estão).presentes (mas geralmente estão). JButton e JLabel são componentes atômicos, não podem ser JButton e JLabel são componentes atômicos, não podem ser

usados para conter outros e geralmente respondem ao usuário.usados para conter outros e geralmente respondem ao usuário.

Vejamos o código do exemplo anterior:Vejamos o código do exemplo anterior:

import javax.swing.*;import javax.swing.*;

public class ExJanelapublic class ExJanela{{ public static void main(String args[])public static void main(String args[]) {{ JFrame frame = new JFrame("Aplicação Swing");JFrame frame = new JFrame("Aplicação Swing"); JButton but = new JButton("Sou um botão");JButton but = new JButton("Sou um botão"); JLabel texto = new JLabel("Quantidade de clicks: 0");JLabel texto = new JLabel("Quantidade de clicks: 0"); JPanel painel = new JPanel();JPanel painel = new JPanel(); painel.add(but);painel.add(but); painel.add(texto);painel.add(texto); frame.getContentPane().add(painel);frame.getContentPane().add(painel); frame.pack();frame.pack(); frame.setVisible(true);frame.setVisible(true); }}}}

Como poderíamos adicionar Como poderíamos adicionar funcionalidades à janela? Usando herança funcionalidades à janela? Usando herança para gerar uma nova classe a partir de para gerar uma nova classe a partir de JFrame.JFrame.

Vejamos como ficaria o código caso Vejamos como ficaria o código caso usássemos herança:usássemos herança:

import javax.swing.*;import javax.swing.*;

public class ExJanela2 extends JFramepublic class ExJanela2 extends JFrame{{ JButton but;JButton but; JLabel texto;JLabel texto; JPanel painel;JPanel painel; public ExJanela2()public ExJanela2() {{ super("Aplicação Swing");super("Aplicação Swing"); but = new JButton("Sou um botão");but = new JButton("Sou um botão"); texto = new JLabel("Quantidade de clicks: 0");texto = new JLabel("Quantidade de clicks: 0"); painel = new JPanel();painel = new JPanel();

painel.add(but);painel.add(but); painel.add(texto); painel.add(texto); getContentPane().add(painel);getContentPane().add(painel); }} public static void main(String args[])public static void main(String args[]) { { ExJanela2 janela = new ExJanela2();ExJanela2 janela = new ExJanela2(); janela.setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE); // Nova linhajanela.setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE); // Nova linha janela.pack();janela.pack(); janela.show();janela.show(); }}}}

Observe a nova linha acrescentada ao método Observe a nova linha acrescentada ao método main. O método setDefaultCloseOperation main. O método setDefaultCloseOperation especifica como a janela irá se comportar ao ser especifica como a janela irá se comportar ao ser fechada. Seus possíveis argumentos são:fechada. Seus possíveis argumentos são: DISPOSE_ON_CLOSE – Destrói a janelaDISPOSE_ON_CLOSE – Destrói a janela DO_NOTHING_ON_CLOSE – Desabilita a opção de DO_NOTHING_ON_CLOSE – Desabilita a opção de

fechar a janelafechar a janela HIDE_ON_CLOSE – Apenas fecha a janelaHIDE_ON_CLOSE – Apenas fecha a janela

Teste o programa variando os parâmetros de Teste o programa variando os parâmetros de setDefaultCloseOperation e verificando o que setDefaultCloseOperation e verificando o que acontece.acontece.

Acrescente a linha Acrescente a linha painel.setLayout(new BoxLayout(painel,BoxLayout.Y_AXIS));painel.setLayout(new BoxLayout(painel,BoxLayout.Y_AXIS)); Observe o que acontece:Observe o que acontece:

BoxLayout.Y_AXIS posiciona os componentes na vertical, se BoxLayout.Y_AXIS posiciona os componentes na vertical, se colocar BosLayout.X_AXIS irá posicional na horizontal. colocar BosLayout.X_AXIS irá posicional na horizontal.

public class ExJanela2 extends JFramepublic class ExJanela2 extends JFrame{{ . . .. . . public ExJanela2()public ExJanela2() {{

. . .. . .

painel = new JPanel();painel = new JPanel();

painel.setLayout(new BoxLayout(painel,BoxLayout.Y_AXIS));painel.setLayout(new BoxLayout(painel,BoxLayout.Y_AXIS)); painel.add(but);painel.add(but); painel.add(texto); painel.add(texto); . . .. . . }} public static void main(String args[])public static void main(String args[]) { { . . .. . . }}}}

Façamos alguns exercícios bem simples:Façamos alguns exercícios bem simples: 1) Implemente e execute o código abaixo no BlueJ.1) Implemente e execute o código abaixo no BlueJ. 2) Redimensione interativamente o tamanho da 2) Redimensione interativamente o tamanho da

janela e observe o posicionamento dos botões.janela e observe o posicionamento dos botões. 3) Coloque no construtor de FlowLayout um 3) Coloque no construtor de FlowLayout um

argumento FlowLayout.LEFT e observe o resultado.argumento FlowLayout.LEFT e observe o resultado. 4) Adicione ao programa os seguintes componentes:4) Adicione ao programa os seguintes componentes:

• JLabel label1 = new JLabel("Exemplo de texto");JLabel label1 = new JLabel("Exemplo de texto");• JTextField campo = new JTextField(15);JTextField campo = new JTextField(15);• Obs: Não esqueça de adicioná-los à janela.Obs: Não esqueça de adicioná-los à janela.

import javax.swing.*;import javax.swing.*; import java.awt.*;import java.awt.*;

public class TestaContainerpublic class TestaContainer {{ public static void main(String args[])public static void main(String args[]) {{ int i;int i; JFrame janela = new JFrame("Teste de janela");JFrame janela = new JFrame("Teste de janela");

janela.setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE);janela.setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE); FlowLayout flow = new FlowLayout(FlowLayout.LEFT);FlowLayout flow = new FlowLayout(FlowLayout.LEFT); janela.setLayout(flow);janela.setLayout(flow); for (i = 1; i <= 6; i++)for (i = 1; i <= 6; i++) janela.add(new JButton("aperte" + i));janela.add(new JButton("aperte" + i)); janela.setVisible(true);janela.setVisible(true); }} }}