Create a Flash Professional Project in Flash Builder - Part 2

In my previous post "Create a Flash Professional Project In Flash Builder Part 1" I talked about creating a Flash Professional Project starting from Flash Builder 4. In this post I am going to cover creating Flash Professional Project starting from Flash Professional CS5. Let me first go over the new "ActionScript 3.0 Class" and  "ActionScript 3.0 Interface" templates that got added to Adobe Flash Professional CS5.Do the following to create a new ActionScript 3.0 Class template:

1. Launch Adobe Flash CS5.
2. File > New and select "ActionScript 3.0 Class item as follows :
   
   
   
   
   
3. Click OK.
4. Since I have Adobe Flash Builder 4.0 installed on my machine, I got promoted with the following dialog that ask me to choose which product (Flash Professional or Flash Builder) to use to create my class.

1. Enter a class name and select Flash Professional to create my class.
2. Click OK.
3. As you see below,a new ActionScript file gets created with a bare bone class code. 
4. File > Save. Notice that the save dialog was automatically populated with the name of the class, in our case it is "MyClass" And notice it is going to automatically save it next to the Fla file by default unless user choose a different location.

Enough Talking about the class template and let's jump into creating a Flash Professional Project from Flash. Entry points to create FPP(Flash Professional Project) are :

1.  Document Class edit class definition button : 

2. Symbol (Movie Clip, Button, Bitmap, Font, Sound) class.

Let's create a Flash Professional Project using the document class "Edit class definition" button :

• Launch Adobe Flash Professional CS5.
• File > New and select "ActionScript 3.0" Fla file.
• Click OK.
• File > Save and save the Fla file inside a folder on your desktop.
• Window > Properties to show the PI if it is not already there.
• Enter a class name in the class name text field in the PI. Let's assume you enter "MyClass" as a document class.
• Click on "Edit class definition". The first time you click on the document class "Edit class definition", you should get the following dialog :

• Check on "Don't show again." and click OK.
• Click on "Edit class definition" button again. You should get promoted with the following dialog :

• Select "Flash Builder" and click OK.
• Flash Builder is going to get launched if it is not already and you should get promoted with the Project creation dialog as follows :

Notice the following : 

1. Target file is the Fla file where you triggered the project creation from.
2. Default location is where your project is going to get created,Which is by default is the Flash Builder workspace. You can always change the location and point to a different location.

• Click Finish.
• Flash Builder is going to prompt you with a dialog to create your document class since it does not exist yet as follows :

• Click Finish.

Results : 

1. Flash Professional Project named after the Fla file name.
2. Document Class "MyClass.as".
3. Flash Professional Test Movie, Debug, Publish icons gets enabled.
4. ActionScript class file named after the Fla file name. Flash Professional Project does not use this ActionScript file at all. It is just a Flash Builder project dependency and it has to be created.

See the below screenshot :

From here you can code in Flash Builder all you want and utilize all the good code editor features and Test Movie, Debug Or publish from within Flash Builder.

Enjoy!