Programação Gráfica em Java Edição visual - Jigloo Aula 10.

Apresentação em tema: "Programação Gráfica em Java Edição visual - Jigloo Aula 10."— Transcrição da apresentação:

1 Programação Gráfica em Java Edição visual - Jigloo Aula 10

2 2 Na aula passada vimos:

3 3 O que você deve ter fixado:

4 4 Na aula de hoje veremos: Jigloo – um editor visual para interfaces gráficas em Java

5 5 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

6 6 Características É um plug-in que pode ser adicionado ao Eclipse Utiliza as funcionalidades implementadas no Eclipse É livre para uso não comercial

7 7 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

8 8 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)

9 9 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

10 10 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

11 11 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.

12 12 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

13 13 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

14 14 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

15 15 Preferences Page Características mais interessantes Exibição(ou não) da aba de objetos Exibição das classes não padrão

16 16 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