Slide 1 - IME-USP

Programação Gráfica em Java
Edição visual - Jigloo
Aula 10
Na aula passada vimos:
2
O que você deve ter fixado:
3
Na aula de hoje veremos:
• Jigloo – um editor visual para interfaces
gráficas em Java
4
Características
• Permite construir e gerenciar GUI’s visualmente
• Permite criar tratadores de eventos
• Suporta herança visual
• Manipula a maioria das propriedades dos
componentes
5
Características
• É um plug-in que pode ser adicionado ao
Eclipse
• Utiliza as funcionalidades implementadas
no Eclipse
• É livre para uso não comercial
6
Instalação
• Baixe a versão .zip; descompacte-a.
• Copie o conteúdo da pasta “plugins”
– Existe uma pasta chamada “features”... Desconsidere-a
• Cole-o na pasta “plugins” do diretório do
Eclipse
7
Iniciando
• Para criar uma classe GUI usando
Eclipse/Jigloo:
• Clique com o botão direito no projeto ou
pacote destino da classe; selecione:
• new – other – GUI forms – (container)
8
Form / Source editor
• Seleção no editor visual seleciona o código
correspondente e vice-versa
• Serve para a inserção visual de componentes
• A mesma inserção pode ser feita com clique do
botão direito sobre um container
• Componentes podem ser redimensionados ou
reposicionados neste editor
9
Layout, again...
• Definidos da mesma forma que os
componentes são inseridos
• Disponíveis na aba de objetos
• Clique com botão direito sobre o container
• Definição através do editor de
propriedades
10
Properties editor
• Encontra-se na parte inferior direita do Jigloo
• Modifica as propriedades de um (ou vários)
componentes
• Edita propriedades gráficas, layout e event
listeners do componente.
11
Properties editor
• Permite edição de propriedades de
componentes em seleção múltipla
• Seleção múltipla exibe apenas as
características comuns dos componentes
selecionados
• Propriedades com valores não padrão são
marcadas com asteriscos
12
Outline view
• Exibe os nomes dos componentes em uma
árvore de contenção
• Extra components – inclui barras de menu e
componentes visuais não padronizados
• Non-visual components – inclui todo
componente não-trivial e não visual
• Visual components – a raiz padrão
13
Botões do Outline view
• Preview – exibe uma versão não
compilada da GUI em desenvovimento
• Run – compila e executa a versão atual
• Parse – habilita ou desabilita a análise
incremental do código
14
Preferences Page
• Características mais interessantes
• Exibição(ou não) da aba de objetos
• Exibição das classes não padrão
15
Editando
• Para selecionar um componente, clique-o
• Para mover um componente, arraste-o
• Para copiar um componente, pressione
ctrl e arraste-o até onde deseja a cópia
– Vale para o editor visual e para o outline
16