Marcelo Henrique dos Santos

Transcrição

1 Marcelo Henrique dos Santos Mestrado em Educação (em andamento) MBA em Marketing e Vendas (em andamento) Especialista em games Bacharel em Sistema de Informação marcelosantos@outlook.com PROGRAMAÇÃO ORIENTADA A EVENTOS Marcelo Henrique dos Santos

2 AULA 02 Interface Gráfica em Java PROGRAMAÇÃO ORIENTADA A EVENTOS Marcelo Henrique dos Santos

3 OBJETIVO Apresentar o desenvolvimento de interfaces gráficas com o usuário na linguagem Java utilizando um alguns componentes básicos da biblioteca Swing. PROGRAMAÇÃO ORIENTADA A EVENTOS Marcelo Henrique dos Santos

4 PRÉ-REQUISITO Conhecer o fundamentos da linguagem Java, como escopo das classes, declaração de variáveis, declaração de métodos, dentre outros conceitos básicos. PROGRAMAÇÃO ORIENTADA A EVENTOS Marcelo Henrique dos Santos

5 GUI (GRAPHICAL USER INTERFACE) A interface gráfica com o usuário (GUI - Graphical User Interface) dão, de forma intuitiva, ao usuário um nível básico de familiaridade, sem que jamais tenha usado o programa. Dessa forma, é reduzido o tempo de aprendizado do programa pelo usuário. As GUIs são construídas a partir de componentes GUI. O componente GUI é um objeto com o qual o usuário interage através de, por exemplo: Mouse, Teclado, Alguma forma de entrada, Reconhecimento de voz. PROGRAMAÇÃO ORIENTADA A EVENTOS Marcelo Henrique dos Santos

6 Bibliotecas: AWT x Swing Os componentes AWT (Abstract Windowing Toolkit) do pacote java.awt estão diretamente associados com os recursos da interface gráfica com o usuário da plataforma local. Assim, os componentes são exibidos com uma aparência diferente em cada plataforma. Por exemplo, de Windows, Apple Macintosh, Solaris, etc. A versão 1.2 da linguagem Java (Java 2), trouxe os componentes Swing do pacote javax.swing, desenvolvidos totalmente em Java, e possibilitam a especificação de uma aparência uniforme para todas as plataformas; Apesar de ser um novo pacote, alguns componentes Swing utilizam o pacote AWT como superclasses de suas classes. PROGRAMAÇÃO ORIENTADA A EVENTOS Marcelo Henrique dos Santos

7 Superclasses comuns (maioria dos componentes Swing) java.lang.object java.awt.component java.awt.container javax.swing.jcomponent PROGRAMAÇÃO ORIENTADA A EVENTOS Marcelo Henrique dos Santos

8 Componentes GUI Básicos JFrame = É um contêiner (formulário) para outros componentes GUI. JLabel = Área em que podem ser exibidos texto não-editável ou ícones. JTextField = Área em que o usuário insere dados pelo teclado. JButton = Área que aciona um evento quando o usuário clica. JCheckBox = Possui dois estados: selecionado ou não-selecionado. JComboBox = Lista de itens que o usuário pode fazer uma seleção clicando em um item na lista ou digitando na caixa. PROGRAMAÇÃO ORIENTADA A EVENTOS Marcelo Henrique dos Santos

9 Componentes GUI Básicos JList = Área em que uma lista é exibida, possibilitando a seleção clicando em qualquer item da lista. JPanel = Contêiner em que os componentes podem ser colocados. PROGRAMAÇÃO ORIENTADA A EVENTOS Marcelo Henrique dos Santos

10 Componentes GUI Básicos JLabel JTextField JButton JCheckBox JComboBox JList JFrame

11 Componentes GUI Básicos // Declaração e criação dos componentes public class FrameSwing extends JFrame { private JLabel label; private JTextField textfield; private JButton button; private JCheckBox checkbox; private JComboBox combobox; private JList list; private String opcaocombo[] = {"Opcao 1", "Opcao 2"}; private String itemlista[] = {"Item 1", "Item 2", "Item 3"}; public FrameSwing() { super("jframe e alguns componentes básicos"); label = new JLabel("Label"); textfield = new JTextField("TextField"); button = new JButton("Button"); checkbox = new JCheckBox("CheckBox"); combobox = new JComboBox (opcaocombo); list = new JList(itemLista);

12 Componentes GUI Básicos // Adicionando os componentes na classe que estende o JFrame // Contêiner da classe principal Container container = getcontentpane(); // Seta um tipo de leiaute para o contêiner container.setlayout(new FlowLayout()); // Adiciona os componentes no contêiner container.add(label); container.add(textfield); container.add(button); container.add(checkbox); container.add(combobox); container.add(list);...

13 Tratamento de Eventos As GUIs são baseados em eventos gerados pela interação do usuário. Por exemplo, mover o mouse, clicar no mouse, digitar um campo de texto, fechar uma janela, etc. Tanto os componentes AWT como Swing utilizam os tipos de eventos do pacote java.awt.event. Mas o Swing também tem seus próprios eventos no pacote javax.swing.event. Mecanismo de tratamento de eventos possui três partes: a origem do evento, o objeto evento e o ouvinte (listener) do ouvinte. PROGRAMAÇÃO ORIENTADA A EVENTOS Marcelo Henrique dos Santos

14 Tratamento de Eventos O programador precisa: Registrar um ouvinte de evento no componente e implementar um método de tratamento de eventos. PROGRAMAÇÃO ORIENTADA A EVENTOS Marcelo Henrique dos Santos

15 Tratamento de Eventos Algumas interfaces mais utilizadas: ActionListener FocusListener KeyListener MouseListener WindowListener Cada interface listener de eventos especifica um ou mais métodos de tratamento de evento que devem ser definidos na classe que implementa a interface. PROGRAMAÇÃO ORIENTADA A EVENTOS Marcelo Henrique dos Santos

16 Tratamento de Eventos Quando um botão for pressionado, este evento será tratado pela implementação do(s) método(s) da interface ActionListener

17 Tratamento de Eventos public class FrameSwingEvento extends JFrame { private JLabel label; private JTextField textfield; private JButton buttonmostrar; private JButton buttonlimpar; public FrameSwingEvento() { super("jframe com tratamento de evento do botão"); label = new JLabel("Nome"); textfield = new JTextField("Nome do Fulano"); buttonmostrar = new JButton("Mostrar"); buttonlimpar = new JButton("Limpar"); // Cria uma instância do tratador de evento TratamentoBotao tratador = new TratamentoBotao(); // Adiciona o tratador de evento aos botões buttonmostrar.addactionlistener(tratador); buttonlimpar.addactionlistener(tratador);

18 Tratamento de Eventos... // Classe interna privada para tratamento de eventos private class TratamentoBotao implements ActionListener { public void actionperformed(actionevent event) { // Verifica se é o objeto buttonmostrar if ( event.getsource() == buttonmostrar ) JOptionPane.showMessageDialog(null, "Nome: " + textfield.gettext());... } // Verifica se é o objeto buttonlimpar else if ( event.getsource() == buttonlimpar ) } textfield.settext(""); PROGRAMAÇÃO ORIENTADA A EVENTOS Marcelo Henrique dos Santos

19 Tratamento de Eventos Ao pressionar o botão Mostrar, esse evento é tratado e a janela abaixo será apresentada.

20 Pacote Padrão awt Abstração do sistema nativo Toolkit gráfico e de interface Pacote awt elementos de interface diagramadores ferramentas gráficas Pacote awt.event eventos

21 Swing versus AWT Swing usa componentes leves (lightweight), non-peer-based GUI toolkit. Os componentes do Swing são implementados sem código nativo maior portabilidade. maior consistência de uso entre plataformas Pacotes javax.swing e javax.swing.event são os mais usados javax.accessibility javax.swing.plaf javax.swing.text.html javax.swing.text.parser javax.swing.border javax.swing.plaf.metal javax.swing.text.rtf javax.swing.colorchooser javax.swing.plaf.multi javax.swing.tree javax.swing.event javax.swing.table javax.swing.undo javax.swing.filechooser javax.swing.text javax.swing javax.swing.plaf.basic

22 Look & Feel Plugável

23 Exemplo de aplicação Swing

24 Construção de uma aplicação Swing De uma forma geral, uma aplicação Swing contém os seguintes passos. 1. Importação dos pacotes Swing 2. Seleção da aparência ( look & feel ) 3. Definição do contêiner de mais alto nível 4. Definição dos componentes gráficos 5. Adição dos componentes a um container 6. Adição de bordas em componentes 7. Manipulação de eventos

25 Importando os pacotes Swing A linha a seguir importa o pacote principal para aplicações Swing: import javax.swing.*; import javax.swing.event.*; A maioria das aplicações Swing também precisam de dois pacotes AWT: import java.awt.*; import java.awt.event.*;

26 Selecionando o look & feel Swing permite que o programador escolha a aparência (look & feel) mas apropriada através do método setlookandfeel. Esse método recebe como argumento um nome inteiramente qualificado de uma subclasse de LookAndFeel. Exemplos: try { UIManager.setLookAndFeel( UIManager.getCrossPlatformLookAndFeelClassName());... OU... UIManager.setLookAndFeel( "com.sun.java.swing.plaf.windows.windowslookandfeel"); } catch (Exception e) { } JFrame.setDefaultLookAndFeelDecorated(true); # Swing properties swing.defaultlaf=com.sun.java.swing.plaf.windows.windowslookandfeel

27 Windows Look and Feel

28 Motif Look and Feel

29 Java Look and Feel

30 Components e Containers java.awt.component Elementos de Interface AWT base de todos os componentes serializável abstrata java.awt.container estende Component abstrata

31 Classes do pacote java.awt Hierarquia Básica de Classes de java.awt Component Container Button Label TextComponent Panel Window TextArea TextField Dialog Frame

32 Pacote java.awt Class Component Modela um elemento de interface. Define métodos, a princípio, comuns a qualquer elemento de interface. Métodos: public void setforeground(color c) public void setenabled(boolean b) public Container getparent() public void addmouselistener(mouselistener l)

33 A classe Container Class Container Modela um objeto de interface que pode conter outros objetos, um agrupador. Fornece métodos para adicionar e remover componentes e para trabalhar com layout. Um contêiner pode conter outros contêineres (porque todo contêiner é um componente) Métodos: public Component add(component comp) public void add(component comp, Object constraint) public void remove(component comp) public boolean isancestorof(component c) public Component[ ] getcomponents() public LayoutManager getlayout() void setlayout( LayoutManager mgr )

34 Containers Concretos de java.awt Panel Representa um grupo de elementos Deve ser incluído em outro container Usado para estruturar a interface Frame Estende java.awt.window Representa uma janela Possui título e borda Pode possuir menu Dialog

35 Exemplo import java.awt.*; public class Mundo { public static void main(string[] args) { Frame janela = new Frame("Mundo"); Label mensagem = new Label("Olá Mundo!"); janela.add(mensagem); janela.pack(); janela.setvisible(true); } }

36 Botão Modela um botão Componentes Concretos java.awt public void setlabel(string label) public void setactioncommand(string command) public void addactionlistener(actionlistener l) public void removeactionlistener(actionlistener l) Label Modela um texto não editável public void settext(string text) public void setalignment(int align)

37 Texto CheckBox Lista Lista dropdown Canvas Componentes Concretos java.awt

38 Classes de Janelas javax.swing Dialog JDialog Window Frame JFrame JWindow

39 A classe JComponent A classe JComponent é a superclasse de todos os componentes Swing. Os objetos JButton, JCheckbox, e JTextField são todos exemplos de objetos das subclasses de JComponent. A classe JComponent é uma subclasse direta da classe java.awt.container que, por sua vez, é uma subclasse direta de java.awt.component

40 Classe JComponent Superclasse de muitos elementos do Swing, disponibiliza métodos para controlar: Tool tips Bordas Propriedades Métodos de JComponent void settooltiptext(string text) String gettooltiptext() void setborder(border border) Border getborder() final void putclientproperty(object key, Object val) final Object getclientproperty(object key)

41 A classe JComponent Classes definidas no pacote javax.swing e subclasses (diretas ou indiretas) de JComponent: JButton JLabel JMenu JMenuItem JTextField JTable JSlider - Simula um slider JProgressBar Exibe o progresso de uma operação. Comportamento comum de um JComponent Definir dimensões Modificar cor Definir fontes Atrelar ajuda de contexto (tool tip)

42 Pacotes Swing javax.* extensões padrão (substitui com.sun.java.*) swing.* componentes, modelos e interfaces border estilos de bordas colorchooser palheta de cores event eventos e listeners específicos do Swing filechooser seletor de arquivos plaf.* pacotes de look & feel plugável table componente tabela text.* framework de documentos html.* suporte para HTML 3.2 rtf suporte para Rich Text Format tree componente árvore undo suporte para desfazer operações

43 Container em javax.swing Swing possui vários componentes que são contêineres de primeiro nível (top-level container) raiz de uma containment hierarchy Esse contêineres sao usados como o arcabouço das GUIs: JApplet, JDialog, JFrame, and JWindow aplicações tipicamente possuem pelo menos uma hierarquia com um JFrame como raiz (janela principal) applets Swing contém uma hierarquia com JApplet como raiz

44 Container em javax.swing Contêineres de primeiro nível possuem um contêiner separado chamado de content pane que contém os elementos visíveis. Os demais componentes são adicionados no content pane. Para adicionar um componente a um JApplet, JDialog, JFrame, ou JWindow, você deve primeiro invocar o método getcontentpane e adicionar o componente ao objeto retornado.

45 Classe JFrame Modela uma janela do sistema nativo Equivalente, no Swing, à classe Frame do AWT Métodos de JFrame JRootPane getrootpane() Container getcontentpane() void setjmenubar(jmenubar menubar) JMenuBar getjmenubar() void setdefaultcloseoperation(int op) EXIT_ON_CLOSE HIDE_ON_CLOSE DISPOSE_ON_CLOSE DO_NOTHING_ON_CLOSE

46 Estrutura de um JFrame The Java TM Tutorial

47 Camadas do JFrame RootPane gerencia as demais camadas botão default LayeredPane Contém a menu bar e o ContentPane Pode conter subcamadas (Z order) ContentPane contém os componentes visíveis GlassPane invisível por default interceptação de eventos/pintura sobre uma região

48 Exemplo de JFrame import javax.swing.*; public class HelloWorldSwing { /** * Create the GUI and show it. For thread safety, this * should be invoked from the event-dispatching thread. */ private static void createandshowgui() { //Make sure we have nice window decorations. JFrame.setDefaultLookAndFeelDecorated(true); //Create and set up the window. JFrame frame = new JFrame("HelloWorldSwing"); frame.setdefaultcloseoperation(jframe.exit_on_close); //Add the ubiquitous "Hello World" label JLabel label = new JLabel("Hello World");

49 Exemplo de JFrame } frame.getcontentpane().add(label); //Display the window. frame.pack(); frame.setvisible(true); } public static void main(string[] args) { //Schedule a job for the event-dispatching thread //creating and showing this application's GUI. SwingUtilities.invokeLater(new Runnable(){ public void run() { createandshowgui(); } }); }

50 Java Web Start E uma tecnologia que simplifica a distribuição de aplicações. Clicando em um link de uma pagina Web a aplicação será baixada para a maquina do cliente e o JavaWebStart se encarregara de fazer o download de todos os arquivos necessários. Ele tambem se encarregara de cuidar do update da aplicacao guardando-a em cache. Java Web Start Docs - HelloJWS

51 Classe JPanel Modela um container sem decoração, normalmente utilizado para estruturar a interface. Equivalente, no Swing, à classe Panel do AWT Métodos de JPanel JPanel() JPanel(LayoutManager mgr) void setlayout(layoutmanager mgr) Component add(component comp) void add(component c, Object constraints)

52 Exemplo de JPanel JFrame f = new JFrame("Teste"); f.setdefaultcloseoperation(jframe.exit_on_close); JButton b1 = new JButton("Botão 1"); JButton b2 = new JButton("Botão 2"); JPanel p = new JPanel(); p.add(b1); p.add(b2); f.getcontentpane().add(p); f.pack(); f.setvisible(true);

53 ATIVIDADE 04 Leia o artigo TV ESCOLA INTERATIVA: UMA PROPOSTA EDUCATIVA PARA TV DIGITAL e aponte os elementos do framework GUI (Graphical User Interface) da linguagem de programação Java que foram utilizados no projeto. PROGRAMAÇÃO ORIENTADA A EVENTOS Marcelo Henrique dos Santos 53

54 BIBLIOGRAFIA SANTOS, Ismael H F. Módulo II : Interface com usuário GUI. Memória de aula - UniverCidade. SOBRAL, João Bosco; SCHWEBEL, Samuel Cristhian. Interface Gráfica de Usuário Básica em Java. Memória de aula da Universidade Federal de Santa Catarina. DEITEL, Paul J.; DEITEL, Harvey. Java : como programar. 8. ed. São Paulo : Pearson Prentice Hall, PROGRAMAÇÃO ORIENTADA A EVENTOS Marcelo Henrique dos Santos 54

55 BIBLIOGRAFIA PINHEIRO, Francisco A. C.. Fundamentos de computação e orientação a objetivos usando Java. Rio de Janeiro : LTC, KURNIAWAN, Budi. Java para a Web com servlets, JSP e EJB. Rio de Janeiro: Ciência Moderna, Site da Sun, PROGRAMAÇÃO ORIENTADA A EVENTOS Marcelo Henrique dos Santos 55