A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

Componentes GUI GUI – Grafical User Interface – São construídas a partir de componentes GUI chamados de controles ou widgets (windows gadgets – engenhocas.

Apresentações semelhantes


Apresentação em tema: "Componentes GUI GUI – Grafical User Interface – São construídas a partir de componentes GUI chamados de controles ou widgets (windows gadgets – engenhocas."— Transcrição da apresentação:

1 Componentes GUI GUI – Grafical User Interface – São construídas a partir de componentes GUI chamados de controles ou widgets (windows gadgets – engenhocas de janela). GUI – Grafical User Interface – São construídas a partir de componentes GUI chamados de controles ou widgets (windows gadgets – engenhocas de janela). Ex: JOptionPane fornece caixas de diálogos pré- empacotadas para entrada/saída, como vimos ao usarmos showMessageDialog e showInputDialog. Ex: JOptionPane fornece caixas de diálogos pré- empacotadas para entrada/saída, como vimos ao usarmos showMessageDialog e showInputDialog. Existe diversas funcionalidades disponíveis nas bibliotecas de classes Java destinadas a prover a comunicação homem-máquina via interface gráfica. Existe diversas funcionalidades disponíveis nas bibliotecas de classes Java destinadas a prover a comunicação homem-máquina via interface gráfica. Os elementos básicos para criar um GUI residem em dois pacotes: Swing e AWT. Os elementos básicos para criar um GUI residem em dois pacotes: Swing e AWT. AWT: Abstract Window Toolkit (pacote java.awt) são classes básicas para construção de interfaces com janelas. AWT: Abstract Window Toolkit (pacote java.awt) são classes básicas para construção de interfaces com janelas. Swing: Fornece melhores alternativas aos componentes da AWT. Implementado somente a partir da versão 1.2. Swing: Fornece melhores alternativas aos componentes da AWT. Implementado somente a partir da versão 1.2.

2 Componentes GUI A aparência e maneira como um usuário pode interagir com componentes AWT diferem de acordo com a plataforma. Componentes Swing permitem especificar uniformemente a aparência e o comportamento para o aplicativo em todas as plataformas ou utilizar aparência e comportamento personalizados em cada plataforma. A aparência e maneira como um usuário pode interagir com componentes AWT diferem de acordo com a plataforma. Componentes Swing permitem especificar uniformemente a aparência e o comportamento para o aplicativo em todas as plataformas ou utilizar aparência e comportamento personalizados em cada plataforma. Componentes Swing são implementados diretamente na plataforma Java sendo mais portáveis e flexíveis que os componentes originais do pacote AWT que foram implementados na GUI da plataforma subjacente, ou seja em código nativo. Por isto geralmente Swing são mais usados. Componentes Swing são implementados diretamente na plataforma Java sendo mais portáveis e flexíveis que os componentes originais do pacote AWT que foram implementados na GUI da plataforma subjacente, ou seja em código nativo. Por isto geralmente Swing são mais usados.

3 Componentes GUI Estas classes são parte de um conjunto mais genérico de capacidades gráficas chamado de Java Foundation Classes, ou JFC. Estas classes são parte de um conjunto mais genérico de capacidades gráficas chamado de Java Foundation Classes, ou JFC. Componentes leves X Componentes pesados: São chamados de componentes pesados aqueles que são vinculados à plataforma local, ou dependem do sistema de janela da plataforma local para determinar seu comportamento e aparência, já os componentes leve são aqueles que não estão vinculados a componentes GUI reais da plataforma subjacente. Componentes leves X Componentes pesados: São chamados de componentes pesados aqueles que são vinculados à plataforma local, ou dependem do sistema de janela da plataforma local para determinar seu comportamento e aparência, já os componentes leve são aqueles que não estão vinculados a componentes GUI reais da plataforma subjacente. Alguns componentes Swing também são componentes pesados, requerem interação direta com o sistema de janela local o que pode restringir sua aparência e funcionalidade. Alguns componentes Swing também são componentes pesados, requerem interação direta com o sistema de janela local o que pode restringir sua aparência e funcionalidade. Componentes leves fornecem melhor controle sobre sua aparência e funcionalidade. Componentes leves fornecem melhor controle sobre sua aparência e funcionalidade.

4 Componentes GUI Duas palavras chave para nossa compreensão são: Duas palavras chave para nossa compreensão são: Componentes: Partes individuais a partir das quais uma GUI é construída. São botões, menus, itens de menu, caixas de seleção, etc. Componentes: Partes individuais a partir das quais uma GUI é construída. São botões, menus, itens de menu, caixas de seleção, etc. Tratamento de eventos: São as possíveis respostas disparadas por ações do usuário. Caso o usuário ative um componente o sistema gerará um evento que enviará uma notificação ao nosso sistema que poderá então chamar um de seus métodos. Tratamento de eventos: São as possíveis respostas disparadas por ações do usuário. Caso o usuário ative um componente o sistema gerará um evento que enviará uma notificação ao nosso sistema que poderá então chamar um de seus métodos.

5 Componentes GUI Suplerclasses comuns de muitos componentes swing Suplerclasses comuns de muitos componentes swing

6 Componentes GUI Uma interface gráfica em Java é baseada em dois tipos de elementos: Uma interface gráfica em Java é baseada em dois tipos de elementos: containers: São componentes que servem para agrupar e exibir outros componentes, podem ser de alto nível ou intermediários. containers: São componentes que servem para agrupar e exibir outros componentes, podem ser de alto nível ou intermediários. components: São botões, labels, scrollbars, etc. components: São botões, labels, scrollbars, etc. Todo programa que ofereça uma interface gráfica vai conter pelo menos um container, que pode ser: Todo programa que ofereça uma interface gráfica vai conter pelo menos um container, que pode ser: JFrame – janela principal do programa (top-level containers ) JFrame – janela principal do programa (top-level containers ) JDialog – janela para diálogos JDialog – janela para diálogos JApplet – janela para Applets JApplet – janela para Applets Para construirmos uma interface gráfica em Java adicionamos componentes (botões, menus, textos, tabelas, listas, etc) sobre a área de um container Para construirmos uma interface gráfica em Java adicionamos componentes (botões, menus, textos, tabelas, listas, etc) sobre a área de um container Em nosso exemplo iremos usar um JFrame: Em nosso exemplo iremos usar um JFrame:

7 Vejamos uma janela simples. Vejamos uma janela simples. Esta janela possui os seguintes elementos: Esta janela possui os seguintes elementos: JFrame: Armazena os demais componentes JFrame: Armazena os demais componentes JPanel: Serve para facilitar o posicionamento do botão label (container intermediário) JPanel: Serve para facilitar o posicionamento do botão label (container intermediário) JButton: O botão JButton: 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 anteriormente citados JFrame são containers top-level, sempre haverá um dos 3 anteriormente citados JPanel são containers intermediate, podem estar ou não presentes (mas geralmente estão). JPanel são containers intermediate, podem estar ou não presentes (mas geralmente estão). JButton e JLabel são componentes atômicos, não podem ser usados para conter outros e geralmente respondem ao usuário. JButton e JLabel são componentes atômicos, não podem ser usados para conter outros e geralmente respondem ao usuário.

8 Vejamos o código do exemplo anterior: Vejamos o código do exemplo anterior: import javax.swing.*; public 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); }}

9 Como poderíamos adicionar funcionalidades à janela? Usando herança para gerar uma nova classe a partir de JFrame. Como poderíamos adicionar funcionalidades à janela? Usando herança para gerar uma nova classe a partir de JFrame. Vejamos como ficaria o código caso usássemos herança: Vejamos como ficaria o código caso usássemos herança:

10 import javax.swing.*; public 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 linha janela.setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE); // Nova linha janela.pack(); janela.pack(); janela.show(); janela.show(); }}

11 Observe a nova linha acrescentada ao método main. O método setDefaultCloseOperation especifica como a janela irá se comportar ao ser fechada. Seus possíveis argumentos são: Observe a nova linha acrescentada ao método main. O método setDefaultCloseOperation especifica como a janela irá se comportar ao ser fechada. Seus possíveis argumentos são: DISPOSE_ON_CLOSE – Destrói a janela DISPOSE_ON_CLOSE – Destrói a janela DO_NOTHING_ON_CLOSE – Desabilita a opção de fechar a janela DO_NOTHING_ON_CLOSE – Desabilita a opção de fechar a janela HIDE_ON_CLOSE – Apenas fecha a janela HIDE_ON_CLOSE – Apenas fecha a janela Teste o programa variando os parâmetros de setDefaultCloseOperation e verificando o que acontece. Teste o programa variando os parâmetros de setDefaultCloseOperation e verificando o que 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:

12 BoxLayout.Y_AXIS posiciona os componentes na vertical, se colocar BosLayout.X_AXIS irá posicional na horizontal. BoxLayout.Y_AXIS posiciona os componentes na vertical, se colocar BosLayout.X_AXIS irá posicional na horizontal. public 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[]) { }}

13 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 janela e observe o posicionamento dos botões. 2) Redimensione interativamente o tamanho da janela e observe o posicionamento dos botões. 3) Coloque no construtor de FlowLayout um argumento FlowLayout.LEFT e observe o resultado. 3) Coloque no construtor de FlowLayout um 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.

14 import javax.swing.*; import javax.swing.*; import java.awt.*; import java.awt.*; public class TestaContainer public 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); } }


Carregar ppt "Componentes GUI GUI – Grafical User Interface – São construídas a partir de componentes GUI chamados de controles ou widgets (windows gadgets – engenhocas."

Apresentações semelhantes


Anúncios Google