Salve pessoal,
Finalmente depois de algumas semanas pude publicar um novo artigo. Em função das festas de fim de ano e de alguns compromissos no mês de janeiro, não tive um tempo livre para trabalhar no blog. Mas esta semana compartilharei com vocês um tutorial sobre a instalação do plug-in Visual Editor desenvolver interfaces gráficas para aplicações Java desktop-based com mais eficiência e produtividade. Vamos lá!?
1 - Apresentando o Visual Editor
O Visual Editor, ou simplesmente VE é um Plug-In para o Eclipse, uma das IDEs de desenvolvimento de aplicações Java mais populares no mercado. Com o VE instalado, o usuário tem a possibilidade de criar complexas interfaces gráficas para aplicações Java desktop-based com mais facilidade e eficiência por meio de ferramentas que permitem o desenvolvimento visual do seu sistema utilizando tanto o framework AWT quanto o framework Swing seguindo os conceitos dos populares Delphi e Visual Basic por meio do “clique, arraste e crie”.
Mantido pela comunidade do Eclipse, o Visual Editor se encontra na versão 1.2.3 (em breve será lançado a versão 1.3.0) na versão oficial, porém, esta versão não é compatível com o Eclipse Ganymede. Uma versão não oficial do VE, denominada versão 1.4, está sendo desenvolvida e mantida pela empresa Soyatec Web Services e. no momento é a única versão compatível com o Eclipse 3.4 Ganymede.
Em função da informação apresentada instalaremos a versão 1.4 do VE explicando passo a passo como configurar o Software Updates do Eclispe para baixar o Plug-in, como efetuar o download e por fim a criação de uma Visual Class para testarmos a instalação do VE recém instalado. Para efetuar a instalação do VE implementar a aplicação de exemplo, usei o Eclipse 3.4.1 Ganymede no sistema operacional Ubuntu Linux 8.10, porém, os procedimentos são os mesmos para outros sistemas operacionais. Para acompanhar este artigo, considero que você tenha conhecimentos básicos sobre a IDE Eclipse e o VE.
2 – Configurando o Softwares Updates e Instalando o Visual Editor
Para instalarmos o VE no Eclipse, utilizaremos o módulo de atualizações automáticas do Eclipse devido a facilidade da instalação. Com o Eclipse aberto, clique no menu Help (Ajuda), Software Updates… (Atualizações do Software) ao abrir a janela, ative a aba Avaliable Softwares (Softwares disponíveis) e clique no botão Add Site…, destacado na figura abaixo:

Abrindo a janela Add Site, digite no campo Location, o endereço e clique em OK.

Figura 2 - Diálogo Add Site
Ao retornar a Janela anterior, aparecerá a url informada, junto com os outros urls de repositórios do Eclipse disponíveis como na figura abaixo:

Figura 3 - Url do Visual Editor 1.4 adicionado
Marque na caixa de checkbox todas as opções relacionadas ao repositório destacada na imagem acima e clique em Install…. Assim, será aberto a janela Resolving Dependences(Solucionando Dependências), que verifica, antes de fazer a instalação do plug-in, se há algum software necessário para o funcionamento do VE que não esteja instalado em seu Eclipse. Em caso afirmativo, marque todas as opções disponíveis (caso apareçam) e clique em Next (Próximo), se não houve nenhum problema com dependências, será aberto, automaticamente, uma janela informando o plug-in do VE será instalado e clique em Next.
Em seguida, será exibido uma tela informando o licenciamento do VE, basta marcar a opção I accept the thermes of license agreements (Eu concordo e aceito os termos de licença) e clique em Next. Assim, o download do VE será inicializado e uma janela informando o progresso do download será exibida. Detalhe: o tempo de download do arquivo depende da velocidade da sua conexão.
3 – Testando a instalação do Visual Editor
Beleza, agora vamos criar um pequeno projeto de exemplo para testar a instalação do VE. Reinicie o Eclipse, caso o tenha reiniciado e crie um novo projeto do tipo Java Project (Projeto Java). Clique em Next, dê um nome ao projeto (ExemploVE, para o meu projeto) e em seguida clique em Finish. Com o projeto criado, crie um um pacote e atribua um nome a ele (br.com.felipeassis.forms, no meu projeto).

Figura 4 - Criando um novo projeto Java
Com o pacote criado, vamos para a prova de fogo: Ao criar uma nova classe. Crie uma nova classe clicando em New, Other…, e na pasta Java, procure pela opção Visual Class. Encontrando-a, clique em Next. Na tela seguinte, informe o nome da classe e na caixa Style, localizada nesta mesma janela, selecione Swing, em seguinda Frame para que a nova classe seja criada com um janela em Branco.

Figura 5 - Criando uma Visual Class
Ao selecionar o Style, clique em Finish. Assim, o novo formulário será criado e você verá a seguinte tela:

Figura 6 - Tela do Eclipse após a criação do Visual Class
Como mostrado na figura acima, ao criarmos nosso Visual Class, será exibido uma divisão exibindo uma janela, abaixo o código fonte e no canto superior direito, uma seta que ao clicar nela, exibirá uma caixa de ferramentas (semelhante ao que encontramos no NetBeans) com todos os componentes necessários para a implementação de uma interface gráfica.
E é isso aí pessoal! Se vocês chegaram no mesmo resultado que o apresentado neste artigo, meus parabéns! Agora você pode produzir suas interfaces gráficas em projetos Java desktop-based com maior eficiência e produtividade. Em caso de problemas dúvidas ou sugestões, coloquem um comentário ou me enviem um email.
Abraços a todos,
Fiquem com Deus e excelente semana!