Interface com o Usuário (UI) UIs Desacopladas (2/3) BSI Bacharelado em Sistemas de Informação LOO Linguagens Orientadas a Objetos

Transcrição

1 Interface com o Usuário (UI) BSI Bacharelado em Sistemas de Informação LOO Linguagens Orientadas a Objetos Humberto Mossri de Almeida hmossri_cursos@yahoo.com.br Marcelo Nassau Malta nassau_cursos@yahoo.com.br Fornece a interface entre o usuário e o sistema Tipos de UIs: Gráfica Linha de comando Comandos de voz Telefone Existem APIs específicas para construção UIs O Projeto Orientado a Objetos deve contemplar as UIs LOO - Linguagens Orientadas a Objetos 2 UIs Desacopladas (1/3) UIs Desacopladas (2/3) Sistemas atuais exigem diversas interfaces diferentes Web Celular Telefone PDA Rede Local Elementos centrais de um sistema não devem depender das interfaces com os usuários: Classes de negócio Regras de negócio Processos do negócio O código das UIs não deve ser incorporado ao código base do sistema LOO - Linguagens Orientadas a Objetos 3 LOO - Linguagens Orientadas a Objetos 4

2 UIs Desacopladas (3/3) em Java Vantagens Flexibilidade para que o usuário possa interagir com o sistema através de diversos tipos de dispositivos AWT Swing Facilidade para manutenção Facilidade para detecção de erros Erros na interface Erros no sistema LOO - Linguagens Orientadas a Objetos 5 LOO - Linguagens Orientadas a Objetos 6 AWT (1/17) AWT (2/17) AWT - Abstract Window Toolkit É um conjunto de classes para construção de aplicativos com interface de janelas Uma aplicação gráfica em Java é construída a partir de uma janela básica Isto é feito derivando-se uma classe a partir da classe Frame Utiliza componentes nativos do S.O. Independência de plataforma Obtido via componentes peer Componentes AWT são heavy-weight Cada componente na API independente de arquitetura tem um componente dependente de arquitetura para a implementação específica (Peers) LOO - Linguagens Orientadas a Objetos 7 LOO - Linguagens Orientadas a Objetos 8

3 AWT (3/17) Exemplo: Componente Button possui peer para Windows peer para Motif peer para Macintosh Peer controla aparência e comportamento do componente Programa Java Java AWT Peer no sistema nativo AWT (4/17) Exemplo de Frame em AWT import java.lang.*; import java.awt.*; public class AplicacaoGrafica extends Frame{ public AplicacaoGrafica(){ super("aplicacao grafica simples"); } } public class TestaAplGraf{ public static void main(string args[]){ AplicacaoGrafica apg = new AplicacaoGrafica(); apg.setsize(200,200); apg.show(); } } LOO - Linguagens Orientadas a Objetos 9 LOO - Linguagens Orientadas a Objetos 10 AWT (5/17) Containers x Components Container: Elemento capaz de armazenar uma lista de componentes AWT (6/17) Principais classes derivadas da classe Container Componente: Abstração de uma entidade de manipulação gráfica Um Container é um Componente AWT.Component: Classe básica abstrata Exemplos: Button, Canvas, CheckBox, Choice, Label, List, ScrollBar, TextComponent, Composite, etc... LOO - Linguagens Orientadas a Objetos 11 LOO - Linguagens Orientadas a Objetos 12

4 AWT (7/17) AWT (8/17) Classe Component Algumas propriedades básicas Posição Tamanho Peer nativo Container pai Fontes e dimensão de fontes Cor de fundo Tamanho mínimo e máximo Classe Component Algumas métodos úteis getsize() getlocation() getlocationonscreen() setenabled(boolean) setvisible(boolean) setfont(font) LOO - Linguagens Orientadas a Objetos 13 LOO - Linguagens Orientadas a Objetos 14 AWT (9/17) AWT (10/17) Visão Geral de Componentes LOO - Linguagens Orientadas a Objetos 15 Adicionando componentes à interface public class AplicacaoGrafica extends Frame{ private Button butok; private TextField campo; private Label texto; public AplicacaoGrafica(){ super("aplicacao grafica simples"); // Define layout do container setlayout(new FlowLayout()); // Cria os componentes texto = new Label("Nome:"); campo = new TextField(15); butok = new Button("OK"); // Adiciona os componentes a janela ou container add(texto); add(campo); add(butok); // Ajusta tamanho/janela conforme os componentes pack(); } } LOO - Linguagens Orientadas a Objetos 16

5 AWT (11/17) AWT (12/17) Botões Checkbox LOO - Linguagens Orientadas a Objetos 17 LOO - Linguagens Orientadas a Objetos 18 AWT (13/17) AWT (14/17) Choice Label LOO - Linguagens Orientadas a Objetos 19 LOO - Linguagens Orientadas a Objetos 20

6 AWT (15/17) AWT (16/17) List TextField LOO - Linguagens Orientadas a Objetos 21 LOO - Linguagens Orientadas a Objetos 22 AWT (17/17) Swing (1/23) TextArea Swing é parte da JFC (Java Foundation Classes), assim como AWT Swing: Conjunto de componentes direcionado para aplicações baseadas em formulários Componentes leves Light-weight Foram desenvolvidos com base em Padrões de Projeto Não utiliza componentes nativos do S.O. LOO - Linguagens Orientadas a Objetos 23 LOO - Linguagens Orientadas a Objetos 24

7 Swing (2/23) Swing (3/23) Desenvolvimento multi-plataforma Top Level Containers Janela, Diálogo ou Applet Jframe, JDialog ou JApplet JFrame: janelas primárias JDialog: janelas secundárias JApplet: painel em um área do browser LOO - Linguagens Orientadas a Objetos 25 LOO - Linguagens Orientadas a Objetos 26 Swing (4/23) Swing (5/23) JFrame Tooltips LOO - Linguagens Orientadas a Objetos 27 LOO - Linguagens Orientadas a Objetos 28

8 Swing (6/23) Swing (7/23) JTabbedPane JLabel LOO - Linguagens Orientadas a Objetos 29 LOO - Linguagens Orientadas a Objetos 30 Swing (8/23) Swing (9/23) JButton JText* Fornecem funcionalidades de um editor de textos simples copy(), cut(), paste() getselectedtext() setselectionstart(), setselectionend() selectall(), replaceselection() gettext(), settext() seteditable() setcaretposition() LOO - Linguagens Orientadas a Objetos 31 LOO - Linguagens Orientadas a Objetos 32

9 Swing (10/23) Swing (11/23) JTextField JTextArea (múltiplas linhas) JTextPane Editor de textos mais completo com formatação de textos, quebra de palavras (word wrap) e exibição de imagens LOO - Linguagens Orientadas a Objetos 33 LOO - Linguagens Orientadas a Objetos 34 Swing (12/23) Swing (13/23) JPasswordField JCheckBox LOO - Linguagens Orientadas a Objetos 35 LOO - Linguagens Orientadas a Objetos 36

10 Swing (14/23) Swing (15/23) JRadioButton JToggleButton Possui dois estados: Pressionado Livre LOO - Linguagens Orientadas a Objetos 37 LOO - Linguagens Orientadas a Objetos 38 Swing (16/23) Swing (17/23) JScrollPane JSlider LOO - Linguagens Orientadas a Objetos 39 LOO - Linguagens Orientadas a Objetos 40

11 Swing (18/23) Swing (19/23) JComboBox JList LOO - Linguagens Orientadas a Objetos 41 LOO - Linguagens Orientadas a Objetos 42 Swing (20/23) Swing (21/23) JMenu JPopupMenu LOO - Linguagens Orientadas a Objetos 43 LOO - Linguagens Orientadas a Objetos 44

12 Swing (22/23) Swing (23/23) JTree JTable LOO - Linguagens Orientadas a Objetos 45 LOO - Linguagens Orientadas a Objetos 46 Eventos (1/3) Eventos (2/3) São ações dos usuários na interface gráfica Quando uma ação é executada, eventos são gerados Eventos são objetos que descrevem o que ocorreu Existem diversos tipos de classes de eventos para descrever diferentes categorias gerais de ações do usuário Eventos são processados através de um modelo de delegação Os componentes implementam rotinas de manipulação de eventos (listener) com o objetivo de receber eventos Exemplo: Clique de um botão Suporte a eventos está no pacote: java.awt.event.* LOO - Linguagens Orientadas a Objetos 47 LOO - Linguagens Orientadas a Objetos 48

13 Eventos (3/3) Melhores Práticas Modelo de Delegação Projete as interfaces com o usuário de forma desacoplada do sistema Validade com o usuário um protótipo da interface antes de começar a implementação Não misture componentes Swing com AWT Utilize Swing ao invés de AWT Mais leve Mais opções de componentes Swing dá mais liberdade ao programador LOO - Linguagens Orientadas a Objetos 49 LOO - Linguagens Orientadas a Objetos 50 Dúvidas LOO - Linguagens Orientadas a Objetos 51