Flash Develop + Flex SDK

Flash Develop é uma ótima ferramenta para desenvolvimento ActionScript que possui características como:

• Auto completar
• Administração de projetos AS2 e AS3
• Suporte a linguagens como PHP, HTML, CSS, XML e JS.
• Code checking
• Integração com FLASH IDE e FLEX SDK
• Totalmente free
• Exploração de símbolos em SWF e SWC.

Esses são alguns dos benefícios que chamam atenção para esta ferramenta, as características completas você confere aqui.

E para começar nosso tutorial será necessário baixar o Flash Develop clique aqui e o flex SDK baixe aqui. Na página do Flash Develop tem todas as versões(Releases), quando publiquei esse post a ultima versão é a 3.0 beta 9.

A instalação é  simples sem complicação, depois de instalada a ferramenta abra o Flash Develop vai aparecer a seguinte tela:

Essa é a startPage do Flash Develop(FD) ele mostra as os projetos recentes, a ultima versão e uma apresentação do FD. Também é possível navegar por paginas web.

Como falei anteriormente o FD pode trabalha integrado com FLAsH IDE ou o SDK do flex. O SDK do flash é free. Nesse tutotial vamos ver a integração do FD com SDK do FLEX.

Para quem não tem o SDK do FLEX baixe aqui.

Vamos seguir os seguintes passos:

• Descompacte de preferencia o arquivo no seguinte local c:\flex_sdk\
• Abra o Flash Develop no menu acesse > Tools > Program Settings  irá abrir a seguinte janela :

• No menu lateral na área de puglins selecione: AS3Context  no lado direito do menu na área de AS3 possui um campo Flex SDK no meu casa está em c:\flex_sdk_3\ em seguida clique em close. As informações serão salvas.
• Agora vamos criar um novo projeto menu superior > project > new project , aparecerá a seguinte tela :

• Será preciso informar os seguintes campos, o tipo do template do projeto nesse exemplo usaremos o ActionScript 3 empty project, informamos o nome do projeto e o local do projeto , o package não precisa ser informado. OK para prosseguir.
• Seu projeto está criado agora vamos estrutura-lo:

• No canto direito irá aparece a aba de projeto, vamos montar nossa estrutura conforme a figura acima,  clique com o botão direito sobre o nome do projeto. add> new folder. Como podemos ver na próxima imagem.

• Coloque o nome da pasta “classes” nessa pasta iremos colocar todas as nossas classes.
• Em seguida vamos adicionar a nossa classe , selecione a pasta classes com o botão direito add > new Class… > coloque o nome da sua classe “Main.as”.
• Agora vamos criar nosso arquivo swf, selecione o projeto com o botão direito add > New Empty File… , coloque o nome do arquivo teste.swf.
• Agora vamos configurar o Flash Develop para exportar para o nosso “.swf” no menu superior > project > properties > abrirá a seguinte janela :

No output file especificamos qual arquivo swf será nossa saída, no nosso caso “teste.swf”, o ultimo passo é falar qual a class que sempre será usada pelo meu swf ou seja a classe principal, no nosso exemplo a Main.

Selecionamos a classe Main com o botão direito, escolha a opção Always Compile. Como na figura a seguir :

A partir desse momento você já pode usar o flash develop com Flex SDK.

Vamos fazer um pequeno teste escreva na classe main :

package classes {
 
/**
* ...
* @author Fellyph Cintra
*/
 
import flash.display.Sprite;
 
public class Main extends Sprite{
 
	public var alvo:Sprite;
 
	public function Main() {
 
		//desenhando um circulo dentro do sprite alvo
		alvo = new Sprite()
		alvo.graphics.beginFill(0x009900);
		alvo.graphics.lineStyle(1, 0x990000);
		alvo.graphics.drawCircle(200, 200, 50);
		addChild(alvo);
 
}
 
}
 
}