Académique Documents
Professionnel Documents
Culture Documents
GUI em Java
GUI em Java
GUI em Java
Swing
Porque o nome swing? Apelido usado pelos desenvolvedores das Java Foundations Classes (JFC) usadas para o desenvolvimento do GUI Vem do cone que era usado em uma release iniciail.
Porque swing e no awt? awt a verso mais velha e mais primitiva. Swing mais poderosa Swing pode ser enviado com as aplicaes, sendo no dependente de mquina
GUI em Java
GUI em Java
Componentes Swing
O Swing fornece vrios componentes padro de GUI que podem ser combinados de forma a criar sua interface. Alguns exemplos: Botes, Listas, Menus, reas de texto, etc. Swing tambm fornece containers tais como janelas e barras de ferramentas. Pode ser de vrios nveis: Nvel mais alto: frames, dilogos Nvel Intermedirio: panel, scroll pane, tabbed pane, ...
GUI em Java
GUI em Java
Containers
Descendentes da classe java.awt.Container
Componentes que podem conter outros componentes.
Usamos um layout manager para posicionar e definir o tamanho dos componentes contidos neles.
Componentes so adicionados a um container usando as vrias formas do mtodo add
GUI em Java
10
Containers Top-Level
Todo programa que usa uma GUI Swing tem pelo menos um container de alto nvel (top-level). Um container top-level prov o suporte que os componenetes siwng necessitam para realizar o desenho da tela e o tratamento de eventos. O Swing fornece trs containers top-level : JFrame (Janela principal) JDialog (Janela secundria) JApplet (Um applet mostra uma rea desenhada dentro de um navegador internet)
GUI em Java
11
Containers Top-Level
Para aparecer na tela, todo componente GUI deve ser parte de uma hierarquia de conteno, cuja raiz um container top-level. Todo container top-level tem um content pane que contm todos os componentes visveis dentro da interface daquele container toplevel.
GUI em Java
12
Content Pane
Todo container top-level contm indiretamente um container intermedirio denominado content pane Este content pane contm todos os componentes visveis n GUI da janela. Os containers so adicionados ao content pane usando um dos vrios tipos de mtodos add Exemplo:
frame = new JFrame(...); label = new JLabel(...); frame.getContentPane().add(label, BorderLayout.CENTER);
GUI em Java
13
JFrame
Um frame, implementado como uma instncia da classe JFrame, uma janela que tem acessrios tais como borda, ttulo e botes para fechar e minimiz-la. Estes acessrios so totalmente dependentes de plataforma.
As aplicaes com uma GUI tipicamente usam ao menos um frame.
GUI em Java
14
JFrame
Mtodos principais public void setTitle(String title): Coloca um ttulo na barra de ttulo da janela. public void show(): Faz o frame aparecer na tela. public void setVisible(boolean v): Faz com que o frame se torne visvel (v=true) ou no (v=false). public void setDefaultCloseOperation(int op) : Faz a janela realizar uma determinada operao quando fecha. Mais comum: JFrame.EXIT_ON_CLOSE
GUI em Java
15
JFrame
A programao grfica est muito ligada ocorrncia de eventos, que devem ser tratados Ao contrrio de outras linguagens de programao, os containers Java no vm 100% para lidar com os eventos bsicos que ocorrem em uma janela. Um exemplo o evento de fechamento. Qualquer aplicativo Delphi ou VB sabe fechar sua janela sem problema, mas Java no. Mais frente ns vamos aprender mais sobre eventos, ento vamos nos contentar com o setDefaultCloseOperation por enquanto
GUI em Java
16
import javax.swing.*; public class HelloWorldSwing { public static void main(String[] args) { JFrame frame = new JFrame("HelloWorldSwing"); final JLabel label = new JLabel("Hello World"); frame.getContentPane().add(label); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); frame.pack(); frame.setVisible(true); } } pack() faz com que a janela seja ajustada para
Exemplo 2
import javax.swing.*; public class HelloWorldFrame extends JFrame { public HelloWorldFrame() { super(HelloWorldSwing); final JLabel label = new JLabel("Hello World"); getContentPane().add(label); setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); pack(); setVisible(true); } public static void main(String[] args) { HelloWorldFrame frame = new HelloWorldFrame(); } }
GUI em Java
Faz a mesma coisa, s que criando uma classe nova, definida por ns .
18
Relacionamentos conceituais
Para quem gosta das formalizaes, segue o diagrama de relacionamento entre as classes:
GUI em Java
19
JDialog
Um dilogo uma maneira de conseguir com que o usurio realize uma entrada de dados. Existem vrios tipos de dilogos - ns j usamos um h muito tempo... Todo dilogo dependente de um frame.
Destruir um frame destri todos os dilogos que so seus dependentes. Quando um frame minimizado, somem da tela todos os seus dilogos. Eles voltam quando o frame volta par a o seu tamanho normal.
Um dilogo pode ser modal. Quando um dilogo modal est visvel, todas as entradas para outros componentes estaro bloqueadas.
GUI em Java
20
JDialog
Para criar dilogos costumizados, use a classe JDialog diretamente. O Swing prov vrios dilogos padres: JProgressBar, JFileChooser, JColorChooser, ... Vamos ver vrios destes mais frente. A classe JOptionPane pode ser usada para criar dilogos modais simples, que permitem a costumizao de cones, ttulos, textos e botes.
GUI em Java
21
Usando JOptionPane
JOptionPane faz com que seja fcil exibir um dilogo padro que leia um valor do usurio ou informe-o de algo. A classe JOptionPane parecer complexa dado o seu grande nmero de mtodos. Entretanto, a maioria dos uso desta classe so simplesmente chamadas de uma nica linha para um dos mtodos estticos showXxxDialog
GUI em Java
22
showXxxDialog
showConfirmDialog Faz uma pergunta confirmatria e espera uma resposta tal como yes/no/cancel. showInputDialog L entrada do teclado (velho conhecido) showMessageDialog Informa ao usurio que algo aconteceu. showOptionDialog Os trs anteriores em um s. Todos os dilogos acima so modais. Detalhes sobre seus parmetros: http://java.sun.com
GUI em Java
23
GUI em Java
24
Container
Um container um objeto que armazena componentes, governando suas posies, tamanhos e comportamentos quando o usurio altera seu tamanho. Principais mtodos: public void add(Component comp) public void add(Component comp, Object O): adiciona um componente usando informaes adicionais (veremos mais adiante). public void remove(Component comp) public void setLayout(LayoutManager mgr): Usa o layout manager especificado para posicionar os componentes no container. public void validate(): Manda o layout manager reposicionar todos os objetos no container.
GUI em Java 25
JComponent
JComponent a classe base para todos os componentes Swing, com exceo dos containers top-level. Para usar um componente que herde de JComponent, ele deve ser colocado na hierarquia de conteo cuja raiz seja um container top-level. A classe JComponent prov, entre outros, tratamento de eventos de teclado, look and feel, infra-estrutura para desenho, suporte a bordas, etc. Todos os descendentes de JComponent tambm so Containers. Exemplo: um JButton pode conter textos, cones, etc.
GUI em Java
26
JComponent
Componentes tpicos JLabel JButton JTextField JPanel JTable etc. Vamos ver alguns deles agora, para podermos desenvolver nossos primeiros programas grficos...
GUI em Java 27
JButton
Um boto uma regio clicvel com a qual o usurio interage de forma a realizar um comando. Principais mtodos: public JButton(String text): Cria um novo boto com o texto dado como parmetro definido como texto de face. public String getText():Retorna o texto mostrado no boto. public void setText(String text): Muda o texto de face do boto.
GUI em Java
28
JButton
Apesar de termos criado um boto, ele ainda no faz nada. Clique nele vontade, mas ele no vai fzer nada
GUI em Java
29
JLabel
Um label um texto a ser mostrado na tela que normalmente oferece informao para o usurio de forma a tornar a interface mais compreensvel. Principais mtodos: public JLabel(String text): Cria um novo label com o texto dado como parmetro definido como texto de face. public String getText():Retorna o texto mostrado no label. public void setText(String text): Muda o texto de face do label.
GUI em Java
30
JTextField
Um textfield como um label, s que pode ser editado e modificado pelo usurio. Textfields so usados geralmente para entrada de dados pelo usurio. Mtodos interessantes:
public JTextField(int columns): Cria um novo textfield com uma largura, em caracteres, dada pelo parmetro. public String getText(): Retorna o texto atualmente armazenado no campo. public void setText(String text): Modifica o texto do campo para ser igual string dada como parmetro.
GUI em Java
31
GUI em Java
32
Bordas
Todo JComponent pode ter uma ou mais bordas.
A classe usada para criar bordas padronizadas a BorderFactory Exemplo de uso:
p.setBorder(BorderFactory.createLineBorder(Color.black));
Podemos criar uma borda composta, combinando uma ou mais bordas, da seguinte maneira:
BorderFactory.createCompoundBorder(border1, border2);
GUI em Java
33
Classe BorderFactory
Hierarquia java.lang.Object javax.swing.BorderFactory Servem para implementar bordas padronizadas. Use mtodos estticos que retornam elementos da classe Border: createBevelBorder createEtchedBorder
createTitledBorder
createEmptyBorder createLineBorder
etc.
GUI em Java 34
Tipos de bordas
GUI em Java
35
GUI em Java
36
GUI em Java
37
JPanel
Um panel um container que podemos usar (alm do JFrame)
Principais mtodos: public JPanel(): Cria um JPanel com o layour manager padro public JPanel(LayoutManager mgr): Cria um Jpanel com o layour manager especificado. Um JPanel pode depois ser acrescentado em um Jframe para melhorar o layout de nossas telas.
GUI em Java
38
Gerenciamento de Layout
Gerenciamento de layout consiste no processo de determinar o tamanho e a posio dos componentes. Ele pode ser feito usando-se posicionamento absoluto, como fazamos no VC++, Delphi e VB. Neste caso o tamanho e a posio de cada componente deve ser especificado. No ajusta bem quando o container top-level muda de tamanho. Tem um ajuste complexo quando mudamos de sistema e enfrentamos outras resolues, tamanhos de fonte, etc.
GUI em Java
39
Gerenciamento de Layout
O gerencimaneto de layout geralmente realizado pelos layout managers Os componentes oferecem dicas de tamanho e posicionamento para os layout managers, mas so estes que decidem onde e como estes componentes sero posicionados. Estas dicas consistem em tamanho mnimo, preferido e mximo, alinhamento vertical e horizontal. Podemos customizar estas preferncias de duas maneiras: Chamando os mtodos de definio:: setMinimumSize, setAlignmentX, ... Subclasseando componentes e modificando os mtodos de acesso:getMinimumSize, getAlignmentX, ...
GUI em Java 40
Gerenciamento de Layout
A deciso tomada usando-se designs padronizados. Existem vrios tipos de deigns diferentes que podem ser combinados para realizar qualquer tela que desejemos. A plataforma Java fornece quatro layout managers mais usados: BorderLayout, BoxLayout, FlowLayout, GridLayout
Quando usarmos o mtodo add para acrescentar um componente em um container, o layout manager em uso deve ser levado em considerao. Chamadas possveis do add:
Usando posio relativa (BorderLayout)
panel.add(component, BorderLayout.CENTER);
GUI em Java
41
BorderLayout
Divide o container em cinco regies : NORTH, SOUTH, WEST, EAST, CENTER As regies NORTH e SOUTH se expandem de forma a tomar todas a regio horizontalmente e usam o tamanho default verticalmente As regies WEST e EAST se expandem para preencher a regio verticalmente e usam o tamanho default horizontalmente CENTER usa o espao que no foi ocupado pelos outros.
GUI em Java
42
43
Resultado...
A sada do programa algo assim:
Repare que sempre que modificamos o tamanho da janela, os componentes automaticamente se reposicionam. Problema: quando fechamos o frame, gostaramos que o programa terminasse, mas isto no acontece (veja a janela de processos em execuo dentro do NetBeans)
GUI em Java 44
Resolvendo o problema
O problema que no temos nenhum tratador para o evento de fechar a janela. Fechar a janela Fechar o programa... Antes usvamos o setDefaultCloseOperation Podemos resolver isto tambm acrescentando um tratador de eventos:
addWindowListener(new WindowAdapter() {
Depois explicamos melhor... Obs: a classe WindowAdapter fica dentro da biblioteca java.awt.event, que deve ser importada para que o programa funcione.
GUI em Java 45
FlowLayout
Trata o container como se fosse uma pgina ou um pargrafo da esquerda para a direita e de cima para baixo. Os componentes recebem o seu tamanho preferido tanto verticalmente quanto horizontalmente. Os componentes so posicionados na ordem em que foram adicionados Se a linha for muito longa, os componentes passam para a linha de baixo.
GUI em Java
46
GridLayout
Trata o container como um grid de linhas e colunas de tamanhos iguais. Os componenets recebem tamanhos iguais no importando qual seu tamanho favorito.
GUI em Java
47
BoxLayout
Alinha os componentes no container em uma nica linha ou coluna Os componentes usam seu tamanho e alinhamentos favoritos A melhor maneira de criar um container com o layout box: Box.createHorizontalBox(); Box.createVerticalBox();
GUI em Java
48
GUI em Java
49
Resposta
Container north = new JPanel(new FlowLayout()); north.add(new JButton("Button 1")); north.add(new JButton("Button 2")); Container south = new JPanel(new BorderLayout()); south.add(new JLabel("Southwest"), BorderLayout.WEST); south.add(new JLabel("Southeast"), BorderLayout.EAST); Container cp = getContentPane(); cp.add(north, BorderLayout.NORTH); cp.add(new JButton("Center Button"), BorderLayout.CENTER); cp.add(south,BorderLayout.SOUTH);
GUI em Java
51
Exemplo de Layouts
Faam programas em Java que desenhem as seguintes telas: (a) (b)
(c)
(d)
(e)
GUI em Java
52
JCheckBox
Objeto de tela que permite que escolhamos entre duas opes (marcado e no marcado) Mtodos interessantes:
public JCheckBox(String text): Cria uma checkbox cujo texto dado pelo parmetro e cujo valor default no marcada
public JCheckBox(String text, boolean isChecked) Cria uma checkbox cujo texto dado pelo primeiro parmetro e cujo valor default dado pelo segundo parmetro.
public boolean isSelected():Retorna true se a check box foi selecionada. public void setSelected(boolean selected): Muda o estado da checkbox de acordo com o parmetro passado.
GUI em Java
53
JRadioButton
Um boto que pode ser selecionado. Normalmente parte de um grupo de botes mutuamente exclusivos (isto , apenas um pode ser selecionado de cada vez) Mtodos interessantes
public public public public JRadioButton(String text) JRadioButton(String text, Icon icon) boolean isSelected() void setSelected(boolean b)
GUI em Java
54
ButtonGroup
Um grupo lgico de radiobuttons que garante que apenas um deles pode ser selecionado de cada vez. Mtodos interessantes:
public ButtonGroup() public void add(AbstractButton b)
O objeto da classe ButtonGroup no um objeto grfico, apenas um grupo lgico. Os objetos da classe RadioButton que so adicionados ao container
GUI em Java
55
GUI em Java
56
Usando Icon
Nas classes JButton, JRadioButton, JCheckBox, JLabel, etc, temos o seguinte. O construtor pode receber um cone public void setIcon(Icon) public void setSelectedIcon(Icon) public void setRolloverIcon(Icon)
GUI em Java
57
JTextArea
Uma rea de texto multi-linha til para escrever textos longos que no necessitam formatao. Mtodos interessantes:
public JTextArea(int rows, int columns): Cria um novo campo de texto com um tamanho determinado em termos de nmero de linhas e colunas public String getText():Retorna o texto armazenado no momento na rea. public void setText(String text):Define o texto a ser armazenado na rea como sendo o parmetro passado.
GUI em Java
58
JScrollPane
Uma container especial que permite que usemos barras de rolagem para ver componentes. Na verdade, envolvemos um componente com scrollbars.
public JScrollPane(Component comp)
GUI em Java
59
JFileChooser
Uma caixa de dilogo que permite que ns selecionemos um ou mais arquivos e/ou diretrios. Mtodos interessantes:
public public public public public public JFileChooser() JFileChooser(String currentDir) int showOpenDialog(Component parent) int showSaveDialog(Component parent) File getSelectedFile() static int APPROVE_OPTION, CANCEL_OPTION
GUI em Java
60
JColorChooser
Outro palete especial que permite que o usurio escolha uma dentre um palete de cores. Mtodos interessantes:
public JColorChooser() public JColorChooser(Color initial) public Color showDialog(Component parent, String title, Color initialColor) : permite escolher uma cor do palete, retornando a cor escolhida.
GUI em Java
61
JMenuItem
Uma entrada em um menu, que pode ser clicado para disparar aes. Mtodos interessantes:
public public public public public public public JMenuItem(String text) JMenuItem(String text, Icon icon) JMenuItem(String text, int mnemonic) void addActionListener(ActionListener al) void setAccelerator(KeyStroke ks) void setEnabled(boolean b) void setMnemonic(int mnemonic)
GUI em Java
62
JCheckBoxMenuItem / JRadioButtonMenuItem
Itens de menu que se comportam como checkboxes ou radiobuttons. Mtodos interessantes:
public JXxxMenuItem(String text) public JXxxMenuItem(String text, boolean select) public JXxxMenuItem(String text, Icon icon) public JXxxMenuItem(String text,Icon icon, selected) public void addActionListener(ActionListener al) public boolean isSelected() public void setSelected(boolean b)
boolean
GUI em Java
63
JMenu
Um menu que criado para mostrar os itens de menu. Menus podem conter outros menus. Mtodos interessantes:
public public public public JMenu(String s) void add(JMenuItem item) void addSeparator() void setMnemonic(int mnemonic)
GUI em Java
64
JMenuBar
O container de nvel mais alto que pode armazenar menus. Podem ser ligados a um frame atravs do mtodo setJMenuBar. Existente na classe JFrame Mtodos Interessantes:
public JMenuBar() public void add(JMenu menu)
GUI em Java
65
menuArquivo.addSeparator(); menuArquivo.add(e1); JMenuBar menuCompleto= new JMenuBar(); menuCompleto.add(menuArquivo); menuCompleto.add(menuSobre); f.setJMenuBar(menuCompleto); f.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE); f.setSize( new Dimension(400,400) ); f.setVisible(true);
GUI em Java
66
Resultado do exemplo
Todo frame tem apenas um JMenuBar Itens de menu podem ser menus
GUI em Java
67
Aceleradores
Tecla global que realiza aes. Ex: Alt-X termina programas da Microsoft. Funciona mesmo em componentes que so estejam com foco de entrada ou mesmo invisveis. Podem ser executado em qualquer momento na aplicao. Podem incluir opcionalmente modificadores como Shift e Alt. Exemplo de uso: mItem.setAccelerator( KeyStroke.getKeyStroke('T',KeyEvent.ALT_MASK) );
GUI em Java
68
Mnemonics e Acelerators
Mnemonics so locais. Acelerators so globais. Ex. : Acrescentado no nosso cdigo anterior as linhas
e1.setAccelerator(KeyStroke.getKeyStroke('X',KeyEvent.ALT_MASK)); menuArquivo.setMnemonic('A'); a1.setMnemonic('A');
GUI em Java
69
Pintando a tela
O processo atravs do qual um componente se redesenha na tela chamado de pintura (painting) Painting ocorre nas seguintes ocasies: Quando o componente mostrado pela primeira vez. Quando o componente que estava coberto mostrado. Quando o componente muda de tamanho. Quando o programador o pede, atravs do comando repaint()
GUI em Java
70
Pintando a tela
A maior parte do processo feita automaticamente. Quando voc quer fazer alguma coisa diferente, voc deve sobreescrever o mtodo paintComponent Logo, voc deve derivar uma nova classe a partir da classe tradicional da GUI. Para garantir uma boa pintura, sempre invoque primeiro o mtodo super.paintComponent Este mtodo recebe um objeto da classe Graphics como parmetro. Ele passado automaticamente e representa a sua rea de desenho. Use este objeto para realizar seus desenhos especiais.
GUI em Java
71
Primeiro Exemplo
import java.awt.*; import javax.swing.*; class MyPanel extends JPanel { public void paintComponent (Graphics g) { super.paintComponent(g); g.drawString("Not Hello World",5,25); } Sempre chame o paintComponent } da superclasse primeiro public class MeuExemplo { public static void main(String args[]) { JFrame f=new JFrame("Estranho Hello World"); f.getContentPane().add(new MyPanel()); f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); f.setSize( new Dimension(200,200) ); f.setVisible(true); } }
GUI em Java
72
Segundo Exemplo
import java.awt.*; import javax.swing.*; class MyPanel extends JPanel { public void paintComponent(Graphics g) { super.paintComponent(g); setBackground(Color.white); g.setColor(Color.orange); Sempre chame o mtodo paintComponent da g.fillRect(20,50,100,100); superclasse primeiro } }
GUI em Java
73
GUI em Java
74
GUI em Java
75
Usando Graphics
Usando Graphics (e a classe mais poderosa, Graphics2D), podemos fazer desenhos tais como:
GUI em Java
76
Usando Graphics
Voc recebe sempre um objeto da classe Graphics, mas para poder usar todo o poder associado API grfica, deve fazer um typecast para transform-lo em Graphics2D O cdigo public void Paint (Graphics g) { Graphics2D g2 = (Graphics2D) g; ... }
GUI em Java
77
Graphics2D
Para mudar um atributo no contexto de renderizao de um Graphics2D, usamos um dos mtodos a seguir:
setStroke setPaint setComposite setTransform setClip setFont setRenderingHints
GUI em Java
78