Universidade Federal de Uberlândia Faculdade de Computação GGI030 Programação Orientada a Objetos 2o. Semestre de 2017 Prof.

Transcrição

1 Universidade Federal de Uberlândia Faculdade de Computação GGI030 Programação Orientada a Objetos 2o. Semestre de 2017 Prof. Renato Pimentel Laboratório 10 Interface gráfica Atividade individual. 1 Introdução Um dos recursos mais interessantes das linguagens de programação modernas é a disponibilização de recursos gráficos, os chamados Graphical User Interface (GUI). Os recursos GUI podem ser aplicados tanto em aplicativos puros como em aplicativos para a internet, os chamados applets. A linguagem Java fornece um suporte muito interessante para construção de aplicações gráficas por meio de duas APIs (application programming interfaces): 1. AWT (Abstract Window Toolkit) inicialmente o único tipo de ferramentas, até a versão JDK1.1. Todas as classes estão no pacote java.awt. É bastante incompleta: faltam Table, TabbedPane, Slider, etc. Dependente da plataforma e comportamento heterogêneo. 2. Swing ou JFC Swing (Java Foundation Class Swing) surgiu na versão JDK1.2. Atualmente as classes estão no pacote javax.swing. São independentes da plataforma utilizada. Há uma grande compatibilidade entre os componentes AWT e Swing, para que não haja conflito de versões. Alguns componentes Swing herdam as propriedades de componentes AWT. Na medida do possível, devem-se usar os componentes Swing. Ao contrário do que muitos desenvolvedores e estudantes de Java imaginam, o Swing não é um substituto do AWT. Ao invés disso, o Swing é visto como uma camada disposta confortavelmente sobre o AWT. É praticamente impossível falar de Swing sem mencionar alguns aspectos relevantes de AWT. No momento oportuno, veremos como eles se complementam. 1

2 O papel principal do AWT era fornecer um conjunto de componentes gráficos destinados a facilitar a construção das interfaces gráficas para aplicativos e applets em versões mais antigas do Java. De fato, o AWT continua sendo uma das partes mais importantes do JFC ao lado de Swing, Accessibility Java 2D e Drag and Drop. Java 2D é agora parte do AWT e o suporte Accessibility já está incluso no Swing. O Swing é um grande grupo de componentes visuais escritos em Java puro (diferentes de alguns componentes AWT, que estão associados às capacidades de renderização de interfaces gráficas da plataforma em que o aplicativo está sendo executado). Um componente do Swing é reconhecido pela letra J antecedendo o nome do mesmo componente na hierarquia AWT. Assim, se no AWT temos o componente Button, em Swing esse componente é chamado de JButton. Label passa a ser chamado de JLabel, Frame de JFrame e assim por diante. Uma recomendação é que você investigue na documentação online a diferença, por exemplo, entre a funcionalidade de um Button e um JButton. A API Swing possui diversos tipos de componentes, como se pode ver na figura a seguir: 2

3 Parte da hierarquia da API Swing é apresentada abaixo: java.lang.object java.awt.component java.awt.container java.awt.window javax.swing.jcomponent javax.swing.jwindow AbstractButton JLabel JDialog java.awt.dialog JButton JToggleButton JList JTextField JTextArea JFrame java.awt.frame JRadioButton JCheckBox JPanel Os principais elementos da API Swing são: Components (botão, caixa de texto, rótulo, etc.) Containers: grupos lógicos de Components (painel etc.) Exemplo: Métodos comuns dos Componentes Swing: get/setpreferredsize() get/setsize() get/setlocation() getlength()/width() repaint() 3

4 setbackground(color) setfont(font) isenabled() / setenabled(boolean) isvisible() / setvisible(boolean) A seguir, é apresentada uma pequena descrição dos principais componentes da API Swing. 1. Um JFrame é uma janela gráfica que pode ser usada para conter outros componentes. Alguns dos seus métodos são: public void settitle(string title) define o título da barra da janela. public void setdefaultcloseoperation(int op) define a ação a executar quando fechar. Valor comum: JFrame.EXIT_ON_CLOSE public Container getcontentpane() retorna a área da janela onde os componentes podem ser adicionados. public void show() apresenta o quadro na tela (método obsoleto). 2. Um JButton é um dos componentes mais utilizados em Java. Ele pode ser usado para acionar uma ação. Alguns dos seus métodos: public JButton(String text) (construtor). com o texto dado. Cria um novo botão public String gettext() retorna o texto mostrado no botão. public void settext(string text) define o texto do botão. 4

5 3. Um JLabel é um componente também bastante utilizado, que corresponde a uma etiqueta (rótulo) de texto. Métodos mais importantes: public JLabel(String text) cria um novo rótulo com o texto dado. public String gettext() retorna o texto atual do rótulo. public void settext(string text) define o texto do rótulo. 4. Um JTextField corresponde a uma caixa de texto que pode ser editada. public JTextField(int columns) (construtor). Cria um novo campo de texto com um dado número de colunas (caracteres). 5

6 public String gettext() retorna o texto atualmente armazenado no campo. public void settext(string text) define o texto do campo. Um contêiner é um objeto que agrega outros componentes e que controla o seu posicionamento, tamanhos e critérios de redimensionamento. O JPanel é o contêiner mais utilizado. A classe JFrame é uma versão melhorada de Frame, e traz consigo suporte aos componentes Swing. Essa classe fornece todas as propriedades, métodos e eventos que precisamos para construir janelas, tais como as que nossos usuários estão acostumados a visualizar em seus sistemas. Ora, o usuário sabe que a janela de um aplicativo pode ser minimizada, maximizada, redimensionada, e etc. Então vamos demonstrar como a classe JFrame serve aos nossos propósitos. 1 /* PrimeiraJanela. java */ 2 import javax. swing. JFrame ; 3 4 public class PrimeiraJanela { 5 public static void main ( String args []) { 6 JFrame app = new JFrame (" Nossa primeira janela "); 7 app. setdefaultcloseoperation ( JFrame. EXIT_ON_CLOSE ); 8 app. setsize (300, 150) ; 9 app. setvisible ( true ); 10 } 11 } 6

7 Embora as propriedades mais importantes da janela do aplicativo já tenham sido vistas, a possibilidade de alterar a cor de fundo da janela só pôde ser apresentada agora. Isso se deve ao fato de a cor do fundo ser definida não para a classe JFrame, mas para o painel de conteúdo, ou seja o objeto Container que contém os controles da janela. O aplicativo seguinte exibe uma janela com a cor azul definida como cor de fundo (observe que a cor de fundo do painel não afetará os demais controles da janela). O aplicativo é mostrado abaixo: 1 /* CorDeFundo. java */ 2 import javax. swing.*; 3 import java. awt.*; 4 5 public class CorDeFundo extends JFrame { 6 public CorDeFundo (){ 7 super (" Definindo a cor de fundo para a janela "); 8 JPanel tela = new JPanel (); 9 tela. setbackground ( Color. BLUE ); 10 add ( tela ); 11 setsize (300, 100) ; 12 setvisible ( true ); 13 } 14 public static void main ( String args []) { 15 CorDeFundo app = new CorDeFundo (); 16 app. setdefaultcloseoperation ( JFrame. EXIT_ON_CLOSE ); 17 } 18 } 7

8 Os componentes gráficos podem originar eventos através de ações do usuário sempre que forem utilizados. Os eventos são recebidos e tratados pelo aplicativo com base em critérios pré-definidos de encaminhamento dos eventos. A hierarquia dos eventos em Java é dada por: java. lang. Object +-- java. util. EventObject +-- java. awt. AWTEvent +-- java. awt. event. ActionEvent +-- java. awt. event. TextEvent +-- java. awt. event. ComponentEvent +-- java. awt. event. FocusEvent +-- java. awt. event. WindowEvent +-- java. awt. event. InputEvent +-- java. awt. event. KeyEvent +-- java. awt. event. MouseEvent Exemplo de utilização de um botão para originar um evento: Criar e atribuir texto ao botão: JButton botaosair = new JButton ("Sair"); Posicionar o botão na janela: botaosair.sethorizontalalignment( SwingConstants.CENTER ); Adicionar o componente ao JFrame: add(botaosair); Adicionar evento sair ao botão: 8

9 1 botaosair. addactionlistener ( 2 new ActionListener (){ 3 public void actionperformed ( ActionEvent e){ 4 System. exit (0) ; 5 } 6 } 7 ); Funcionamento: addactionlistener() método da classe JButton que adiciona ação ao botão (ouvinte da ação). new ActionListener implementa a interface ActionListener, que processa o evento (chama nova ação a ser ouvida pressionamento do botão). public void actionperformed(actionevent e) método chamado quando ocorre um evento (pressionamento do botão). System.exit(0) finaliza o aplicativo. 1.1 Exemplo de uma aplicação GUI A seguir, é apresentado um exemplo de código que cria um JFrame com alguns componentes anexados a ele. 1 /* SimpleGui. java */ 2 import javax. swing.*; 3 import java. awt.*; 4 5 public class SimpleGui extends JFrame { 6 JButton botao1, botao2 ; 7 JLabel rotulo ; 8 JTextField texto ; 9 JPanel tela ; public SimpleGui (){ 12 super (" GUI Simples "); 13 setlayout ( null ); 9

10 14 15 rotulo = new JLabel (" Nome "); 16 texto = new JTextField (10) ; 17 botao1 = new JButton (" Clicar Aqui "); 18 botao2 = new JButton (" Sair "); rotulo. setbounds (50,20,50,20) ; 21 texto. setbounds (100,20,150,20) ; 22 botao1. setbounds (50,100,200,50) ; 23 botao2. setbounds (50,150,200,50) ; 24 botao1. setbackground ( Color. YELLOW ); 25 botao1. setforeground ( Color. BLUE ); 26 botao2. setbackground ( Color. YELLOW ); 27 botao2. setforeground ( Color. BLUE ); add ( rotulo ); 30 add ( texto ); 31 add ( botao1 ); 32 add ( botao2 ); 33 }// fim do construtor 34 }// fim da classe 1.2 Programação baseada em eventos Para adicionar eventos ao código anterior, deve-se acrescentar a API: import java.awt.event.*; Adicionalmente, deve-se inserir o seguinte código dentro do construtor SimpleGui(): botao1. addactionlistener ( new ActionListener (){ public void actionperformed ( ActionEvent e){ count ++; botao1. settext ( texto. gettext () + " apertou " + count + " vez (es)"); } } ); 10

11 botao2. addactionlistener ( new ActionListener (){ public void actionperformed ( ActionEvent e){ System. exit (0) ; } } ); 11

12 2 Exercícios Conversão de temperatura: 1. Desenvolva uma aplicação GUI para a conversão de temperaturas (Celsius Fahrenheit e Fahrenheit Celsius), que apresente a seguinte tela: 2. Repita o exercício anterior usando os componentes JComboBox e JList, de forma que as telas apresentadas sejam, respectivamente: 12