Flex/ Flex Builder 3

10 plug-ins para deixar seu Flex Builder turbinado

O Flex Builder é sem dúvida a primeira IDE que um desenvolvedor terá contato quando iniciar no mundo Flex. Porém quem já trabalha com outras IDEs, vai sentir falta de alguns recursos existentes. Veja abaixo uma lista completa de plug-ins para melhorar seu Flex Builder e conseqüentemente aumentar sua produtividade com a ferramenta.

  1. RegExp Painel: O RegExp é para quem trabalha gosta de usar expressões regulares em Actionscript e quer testar na própria ferramenta, sem ter que usar outras ferramentas para tal. Baixe aqui.
  2. Enterprise IDE:Um baita plug-in, pena que ainda não há definições sobre comercialização, suporte, preços. Porém traz uma gama de recursos interessantes, desde leitor de RSS à geradores de classes. Baixe aqui
  3. Cairngorm Plugin: Desenvolvido pelo próprio pessoal da Adobe, esse plug-in fornece de forma fácil a geração de novas classes para quem usa o Cairngorm Framework. Baixe aqui.
  4. Blueprint: Pintou aquela dúvida no meio do desenvolvimento e quer ver como um método, classe, componente funciona? Não precisa mais ficar esperando o Google responder para você, com o BluePrint você faz tudo isso sem sai da IDE. O Blueprint foi desenvolvido por uma empresa na Romênia que fora comprada pela Adobe. Baixe aqui.
  5. Flex Formatter: Se seu código está meio bagunçado no aspecto de identação. O Flex Formatter é feito para você, como o próprio nome diz, ele ajeita o código para você e lhe ajuda a manter um código legível e organizado. Baixe aqui.
  6. Eclipse Monkey: Sabe o famoso Grease monkey do Firefox?Pois é alguém teve a idéia de usar a mesma idéia do grease monkey dentro do Eclipse, com ele é possível fazer de tudo, prota tanto que você pode por exemplo gerar automaticamente getter e setters. Baixe aqui.
  7. Aptana: Quer que seu Flex Builder tenha um editor de XHTML, CSS, Javascript excelente sem ter que usar outra IDE? O Aptana é feito para isso, além disso com ele você pode gerar novos projetos AIR usando apenas Javascript, coisa que no Flex Builder só é possível usando Flex. Baixe Aqui.
  8. PDT Plug-in:Se você é desenvolvedor PHP e quer incorporar em seu Flex Builder a edição de código PHP sem usar a IDE da Zend. Você pode usar o PDT dentro do seu Flex Builder e ter suporte a edição de código PHP. Baixe aqui.
  9. CFEclipse:Você desenvolvedor ColdFusion, já conhece o CFEclipse, o bom é que você pode instalar o plug-in do CFEclipse direto no seu Flex Builder e assim editar cfcs, cfml sem precisar de outra IDE. Baixe aqui.
  10. Flex Builder em Full Screen: O Plug-in Eclipse Fullscreen, ajuda você que está de saco cheio dos paineis Flex Navigator, Flex Components e Outline, que ficam ali ao lado ocupando espaço. Você só quer um desejo ter o editor 100% livre de qualquer coisa que lhe chame a atenção. Baixe aqui.

Outros técnicas que você pode usar para pimpar seu Flex Builder, você acha aqui(1), aqui(2)e aqui(3).

Ficou algum plug-in de fora? Comente aqui.

Flash CS4/ Flex Builder 3

Como usar componentes padrão do Flash CS4 no Flex Builder 3

Últimamente eu venho fazendo alguns experimentos para aperfeiçoar as habilidades perdidas no Flash, já fazia tempo desde 2004 que não abria o Flash nem para fazer banner. Então esse ano voltei para ver como andava o Flash IDE suas novidades, tem muitos recursos que vai ser dificil acompanhar todos em pouco tempo.
Embora o Flash tenha ganhado tantos recursos em sua ferramenta de edição, o editor de actionscript 3.0 peca, é fraco, obsoleto e não tem todas as funções que um bom e básico editor de programação tem.
Isso deixa alguns que trabalham ainda com Flash tristes e com poucas opções. Felizmente em minhas andanças eu vi que muitos optavam por usar o Flex Builder como seu predileto editor de Actionscript.

O editor de actionscript é muito bom para quem trabalhava com Actionscript dentro do Flash IDE, é algo como de água para o vinho. Existe outro editor que também tem que é o FDT que é o campeão em edição de actionscript 3.0. Sem dúvidas é o melhor. Em fim, voltando ao nosso Flex Builder.
A única tarefa para fazer com que o Flex Builer edite seu actionscript não tem mistério, já que cada projeto feito no Flex Builder não passa de pastas administradas virtualmente, o Flex Builder só organiza.

Configurando o Flex Builder

1. Faça o download do Flex Builder stand alone ou plug-in para sua máquena.
2. Instale-o.
3. Crie um novo Actionscript 3.0 Project.
4. Crie um novo diretório chamado libs na raiz do projeto e não na pasta ‘src’, vamos fazer similar o que o Flex Builder faz para projetos Flex.
5. Após criado, clique com o botão direito do mouse sobre o projeto e vá até a opção ‘properties’.
6. Ao lado esquerdo do menu em lista, escolha a opção ‘Actionscript Build Path’.
7. Clique na aba com o nome ‘Library Path’ e clique no botão add SWC Folder.
8. Digite o nome da pasta, libs. Já que vai conter o diretório do mesmo projeto.

Pronto, com isso concluído, o seu projeto vai aceitar arquevos .SWC diretamente na pasta libs e irá refletir para todo seu projeto. Pulamos agora para o Flash CS4, vamos criar um swc por lá.

Configurando o Flash CS4
1. Faça o download do Flash CS4 Professional
2. Instale-o.
3. Crie um novo arquevo Flash para Actionscript 3.0
4. Após criá-lo, abra o painel de componentes. Para abrir vá em Window > Components.
5. Arraste quais componentes você quer para o palco de seu arquevo, e depois delete.
6. Automaticamente as classes, assets do componente arrastado é salvo na biblioteca do filme Flash, para verificar se eles estão por lá, combine CTRL+L, e você vai ver.
7.Depois disso, você vai precisar da seguinte opção, vá em File > Publish Settings > Desmarque a opção HTML.
8. Selecione a Aba Flash, na categoria ‘SWF Settings, marque a opção Export SWC.
9. Clique OK e pronto, seu SWC está pronto, basta agora arrastar para dentro da pasta libs que você criou lá no Flex Builder que será refletida as mudanças, caso não seja, no projeto lá do Flex Builder, pressione F5 depois que você adicionar o swc.

As vantagens de usar isso é que você pode usar o autocomplete com todas as propriedades dos componentes usados e a facilidade de montar uma interface em um projeto simples de Actionscript.

AIR 1.5/ Flex/ Flex 3/ Flex Builder 4

Habilitando o Flex Builder 3 ao Flash Player 10

No dia 17 de novembro, foi liberado mais um update para o Flex Builder 3 e o Flex 3 SDK. O novo update conta com muitos bugs corrigidos(total de 82) e o mais importante de todos, é que habilita o Flex Builder 3 a utilizar os recursos do Flash Player 10 e Adobe AIR 1.5.

Atualizem suas IDE e SDK para as versões 3.0.2

Faça o Download do update 3.0.2 para Windows aqui.
Faça o Download do update 3.0.2 para Mac aqui.

Para utilizar o warpper HTML à usar o Flash Player 10, você precisa passar a instrução ao compilador -target-player=10;

Para usuários do Linux, ainda não tem um update em sí, mais pode-se usar o SDK 3.0.2 baixá-lo aqui e seguir os passos abaixo:

1. Descompacte em seu diretório de preferência.
2. Escolha o item do menu lateral esquerdo > Flex
3. Abra a opção installed Flex SDK’s >
4. Clique no botão add e aponte para o diretório que você descompactou o SDK.
5. Aplique um nome e adicione.
6. Feche o Flex Builder e abra novamente, pronto você tem os recursos do Flex 3.0.2 SDK

Alternativa ao Flex Builder/ Flex/ Flex 4/ Flex Builder 4/ Microsoft/ Notícias

Visual Studio 2008 agora suporta Flex


Já pensou continuar usando sua ferramenta preferida Visual Studio 2008 e em conjunto usar o Flex Builder?

Agora é possível com o Tofino, o Tofino é um plug-in para ser instalado no Visual Studio 2008, onde você já tem as seguintes funções disponíveis.

  • Create new projects in a solution using the Visual Studio wizard approach.
  • Run Flex applications from within Microsoft Visual Studio.
    • Set breakpoints at code locations in “.as” or “.mxml” files.
    • Step into code while in break mode.
    • Inspect local variables while in break mode.
  • Build errors are reported in the Visual Studio error list, and are linked to the source location.
  • Browse ActionScript types from referenced components (SWCs) in the Visual Studio object browser.
  • Navigate types and members in ActionScript files via drop-downs in the ActionScript code window.
  • Simple installation; Tofino includes the Adobe Flex SDK.
  • Adds links to relevant Adobe LiveDocs and PDFs for Flex to Visual Studio Help.

A Ensemble é a responsável por isso. Visite aqui o site do produto, ou faça o download direto da ferramenta.
Uma outra grande novidade reportada pelo Rafael é que o BlazeDS fará serialização de objetos .Net para Flex, logo logo estará disponível no Adobe Labs.