Interface Gráficas Parte I. Bruno Crestani Calegaro

Transcrição

1 Interface Gráficas Parte I Bruno Crestani Calegaro

2 Conteúdo da Aula GUI, Graphical User Interface, é nada mais que a tela que um programa apresenta para um usuário Até o agora nossos programas foram desenvolvidos para funcionar com uma interface em texto, a partir de hoje, iremos programas uma GUI com o uso de janela, botões, menus, entre outros recursos gráficos Mas como fazer isso em uma linguagem de programação?

3 Conteúdo da Aula Toda linguagem de programação possui um conjunto de ferramentas, framework, para ajudar a criar interfaces gráficas Essa ferramentas fazem com que seja possível criar uma janela ou um botão graficamente No Java utilizamos o framework chamado Swing

4 Conteúdo da Aula Todas as classes presentes no framework Swing já estão disponíveis dentro do Java no pacote java.swing Dentro desse pacote existem diversas classes que em conjunto são usadas para criar aplicações com diversos recursos gráficos Entre elas: JFrame uma janela JButton um botão JTextField um campo de texto JLabel um rótulo que pode ser usado como texto ou uma imagem JComboBox uma caixa de seleção JCheckBox uma caixa de opção

5 Componentes Uma GUI consiste em um conjunto de diferentes componentes (menus, botões, janelas) agrupados em diferentes recipientes Em Java possuímos a seguinte definição: Components: Elementos desenhados na tela. (botão, textbox, label, etc.) Containers: elementos que servem como agrupadores lógicos para componentes. (JPanel) Containers de alto nível: cidadãos de primeira classe, que efetivamente ocupam um espaço no desktop. (JFrame)

6 Componentes Swing O Swing fornece vários componentes padrão de GUI que podem ser combinados de forma a criar sua interface Swing também fornece containers tais como janelas e barras de ferramentas

7 Componentes Swing

8 Componentes Swing

9 Containers Swing Todo programa que usa uma GUI Swing tem pelo menos um container de alto nível (top-level) Um container top-level provê o suporte que os componentes swing necessitam para realizar o desenho da tela e o tratamento de eventos O Swing fornece três containers top-level : JFrame (Janela principal) JDialog (Janela secundária) JApplet (Um applet mostra uma área desenhada dentro de um navegador internet)

10 Containers Swing Todo container top-level contém indiretamente um container intermediário denominado content pane Este content pane contém todos os componentes visíveis na GUI da janela Os containers são adicionados ao content pane usando um dos vários tipos de métodos add() Para aparecer na tela, todo componente GUI deve ser parte de uma hierarquia de contenção, cuja raiz é um container top-level Todo container top-level tem um content pane que contém todos os componentes visíveis dentro da interface daquele container top-level

11 Containers Swing Um JFrame contém os seguintes containers: Glass pane Layered pane Menu bar Content pane

12 JFrame Um JFrame provê uma janela básica para a criação de uma interface gráfica É no JFrame que são adicionados os demais componentes gráficos aplicação Métodos principais: setsize(200, 100); settitle("my frame"); setdefaultcloseoperation(jframe.exit_on_close ); setvisible(true);

13 Primeiro programa GUI em Java

14 Primeiro programa GUI em Java Faz a mesma coisa, só que criando uma classe nova, definida por nós.

15 JLabel Um JLabel é um texto a ser mostrado na tela Pode ser utilizado para informar campos ou qualquer outro tipo de informação Métodos principais: JLabel(String text): Cria um novo label com o texto dado como parâmetro definido como texto de face. String gettext(): Retorna o texto mostrado no label. void settext(string text): Muda o texto de face do label.

16 JLabel

17 JTextField Um JTextField é como um label, só que pode ser editado e modificado pelo usuário JTextFields são usados geralmente para entrada de dados pelo usuário Métodos principais: JTextField(int columns): Cria um novo textfield com uma largura, em caracteres, dada pelo parâmetro. String gettext(): Retorna o texto atualmente armazenado no campo. void settext(string text): Modifica o texto do campo para ser igual à string dada como parâmetro.

18 JTextField

19 JTextArea Uma JTextArea é uma área de texto multi-linha Útil para escrever textos longos e que não necessitam formatação. Métodos principais: JTextArea(int rows, int columns): Cria um novo campo de texto com um tamanho determinado em termos de número de linhas e colunas String gettext(): Retorna o texto armazenado no momento na área void settext(string text): Define o texto a ser armazenado na área como sendo o parâmetro passado

20 JTextArea

21 JButton Uma JButton é uma região clicável com a qual o usuário interage de forma a realizar um comando Métodos principais: JButton(String text): Cria um novo botão com o texto dado como parâmetro definido como texto de face String gettext(): Retorna o texto mostrado no botão void settext(string text): Muda o texto de face do botão Como adicionar ações ao botão iremos ver na próxima aula

22 JButton

23 JCheckBox O JCheckBox permite que escolhamos entre duas opções (marcado e não marcado) Métodos principais: JCheckBox(String text): Cria um objeto cujo texto é dado pelo parâmetro e cujo valor default é não marcada JCheckBox(String text, boolean ischecked) Cria um objeto cujo texto é dado pelo primeiro parâmetro e cujo valor default é dado pelo segundo parâmetro. boolean isselected(): Retorna true se foi selecionada void setselected(boolean selected): Muda o estado de acordo com o parâmetro passado

24 JCheckBox

25 JComboBox O JComboBox é uma caixa de seleção e permite selecionar um elemento de uma lista de opções Para criar essa lista de opções devemos adicionar os elemntos um por um Métodos principais: JComboBox(): Cria um objeto representando a caixa de seleção void additem(string texto) : Adiciona um item a lista, esse item é na verdade uma String int getselectedindex(): Retorna o índice do elemento selecionado (a lista começa na posição 0) Object getselecteditem(): Retorna o objeto selecionado

26 JComboBox

27 JRadioButton O JRadioButton é um botão que permite ser selecionado Normalmente é parte de um grupo de botões mutuamente exclusivos(apenas um por ser selecionado) Métodos principais: JRadioButton(String text): Cria um objeto cujo texto é dado pelo parâmetro e cujo valor default é não marcada boolean isselected(): Retorna true se foi selecionada void setselected(boolean selected): Muda o estado de acordo com o parâmetro passado

28 ButtonGroup Um grupo lógico de JRadioButtons que garante que apenas um deles pode ser selecionado de cada vez. O objeto da classe ButtonGroup não é um objeto gráfico, apenas um grupo lógico. Os objetos da classe JRadioButton é que são adicionados ao container

29

30 JPanel Um JPanel é um container de nível intermediário Utilizado para agrupar componentes e organizar seu posicionamento, propriedades, cor de fundo, etc Possuem um gerenciador de layout padrão, que é o FlowLayout Este gerenciador pode ser modificado com o comando: panel.setlayout(new BorderLayout()); Veremos gerenciadores de layout mais à frente

31 JPanel Todo JFrame possui um JPanel O método getcontentpane() retorna esse objeto Mas, mesmo que já exista um painel na janela, é normal criarmos outros para ajudar na organização dos elementos da interface Por exemplo: o painel dos botoes, o painel das caixas de texto, etc Métodos Principais: JPanel(): Cria um JPanel com o layour manager padrão JPanel(LayoutManager mgr): Cria um Jpanel com o layout manager especificado.

32 JPanel

33 Posicionamento do Componentes Como programar para especificar as coordenadas de cada componente na janela e o seu tamanho? Em C++, Delphi e outros: usa-se o posicionamento absoluto O programador especifica as coordenadas de cada componente Em Java : usamos os gerenciadores de formato (Layout Managers) São objetos especiais que decidem onde posicionar cada componente baseados em critérios específicos

34 LayoutManager Os componentes oferecem dicas de tamanho e posicionamento para os layout managers, mas são estes que decidem onde e como estes componentes serão posicionados Estas dicas consistem em tamanho mínimo, preferido e máximo, alinhamento vertical e horizontal Gerenciadores de layout do Java: BorderLayout, BoxLayout, FlowLayout, GridLayout, GroupLayout, etc

35 LayoutManager Quando usarmos o método add para acrescentar um componente em um container, o layout manager em uso deve ser levado em consideração Chamadas possíveis do add: Usando posição relativa (BorderLayout) panel.add(component, BorderLayout.CENTER); Ordem de adição: (BoxLayout, GridLayout,...) panel.add(component);

36 Border Layout

37 Flow Layout

38 Grid Layout

39 Referência Curso Java Starter Disponível gratuitamente em: Programação em Java Uma introdução Abrangente Shildt, H., Skrien, D Programação com Java Hubbard. H