Componentes GUI A aparência e maneira como um usuário pode interagir com componentes AWT diferem de acordo com a plataforma. Componentes Swing permite

Transcriçã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). 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 máquina via interface gráfica. 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. 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. 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. 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. Componentes leves fornecem melhor controle sobre sua aparência e funcionalidade.

4 Componentes GUI 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. 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

6 Componentes GUI Uma interface gráfica em Java é baseada em dois tipos de elementos: containers: : São componentes que servem para agrupar e exibir outros componentes 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: JFrame janela principal do programa JDialog janela para diálogos 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 Em nosso exemplo iremos usar um JFrame:

7 Vejamos uma janela simples. Esta janela possui os seguintes elementos: JFrame: Armazena os demais componentes JPanel: Serve para facilitar o posicionamento do botão label JButton: O botão JLabel: O texto: Quantidade de clicks: 0 Dos elementos acima: 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). 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: import javax.swing.*; public class ExJanela public static void main(string args[]) JFrame frame = new JFrame("Aplicação Swing"); JButton but = new JButton("Sou um botão"); JLabel texto = new JLabel("Quantidade de clicks: 0"); JPanel painel = new JPanel(); painel.add(but); painel.add(texto); frame.getcontentpane().add(painel); frame.pack(); frame.show();

9 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:

10 import javax.swing.*; public class ExJanela2 extends JFrame JButton but; JLabel texto; JPanel painel; public ExJanela2() super("aplicação Swing"); but = new JButton("Sou um botão"); texto = new JLabel("Quantidade de clicks: 0"); painel = new JPanel(); painel.add(but); painel.add(texto); getcontentpane().add(painel); public static void main(string args[]) ExJanela2 janela = new ExJanela2(); janela.setdefaultcloseoperation(windowconstants.dispose_on_close); // Nova linha janela.pack(); 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: DISPOSE_ON_CLOSE Destrói a janela DO_NOTHING_ON_CLOSE Desabilita a opção de fechar a janela HIDE_ON_CLOSE Apenas fecha a janela Teste o programa variando os parâmetros de setdefaultcloseoperation e verificando o que acontece. Temos uma questão ainda não resolvida: Como iremos organizar os componentes em um JPanel? Java oferece diversos layouts para estruturação de componentes. Para JPanel o layout default é FlowLayout que distribui os componentes na horizontal. Vejamos alguns outros possíveis layouts:

12 BoxLayout: Posiciona os componentes na horizontal ou vertical. Ex: public class ExJanela2 extends JFrame... public ExJanela2()... painel = new JPanel(); painel.setlayout(new BoxLayout(painel,BoxLayout.Y_AXIS)); painel.add(but); painel.add(texto);... public static void main(string args[])...

13 import javax.swing.*; import java.awt.*; public class TestaContainer public static void main(string args[]) int i; JFrame janela = new JFrame("Teste de janela"); janela.setbounds(200,200,400,150); janela.setdefaultcloseoperation(windowconstants.dispose_on_close); FlowLayout flow = new FlowLayout(FlowLayout.LEFT); janela.setlayout(flow); for (i = 1; i <= 6; i++) janela.add(new JButton("aperte" + i)); janela.setvisible(true);

14 Façamos alguns exercícios bem simples: 1) Implemente e execute o código abaixo no BlueJ. 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. 4) Adicione ao programa os seguintes componentes: JLabel label1 = new JLabel("Exemplo de texto"); JTextField campo = new JTextField(15); Obs: Não esqueça de adicioná-los à janela.