programming4us
 
Graphics
 

Adobe Flash Catalyst CS5 : Importing Your Project into Flash Builder - Beginning the Import Process

11/28/2011 5:58:21 PM
Catalyst creates FXP files. An FXP file is actually nothing more than a zipped Flex project, which can be opened directly in Flash Builder. Therefore, there is nothing special you actually need to do in order to export your file to Flash Builder; it will automatically be in a file format supported by Flash Builder.

However, it is a good idea to make a back-up copy of the project so that it can be opened later by Catalyst if changes need to be made.


  1. In Catalyst, choose File => Save As.

  2. Navigate to the folder into which you wish to save the back-up copy of the project.

  3. If necessary, rename the project.

  4. Click Save (see Figure 1).

    Figure 1. Saving a back-up copy of the project

    NOTE

    If you'd prefer, you can also create a backup copy of the project using Windows Explorer or Finder on the Mac.

  5. Open Flash Builder. On Windows, choose Start => All Programs. If you purchased Flash Builder as a part of a suite, there will be a folder representing that suite that should contain Flash Builder. Otherwise, look for an Adobe folder. On a Mac, use the Applications folder to launch it (see Figure 2).

    Figure 2. Flash Builder immediately after launch

    NOTE

    If you do not have a copy of Flash Builder, you can download a free trial version from www.adobe.com/products/flex. The trial is fully-functional, but will eventually time-out and stop working.

  6. In Flash Builder, choose File => Import Flex Project (FXP), as shown in Figure 3.

  7. Click the Browse button to browser for a file to import.

  8. Navigate to the directory that contains the original FXP project from Catalyst.

  9. Click Import.

  10. On the Import Flex Project dialog box, click Finish (see Figure 4). The project will be imported into Flash Builder.

    Figure 3. Selecting the Import Flex Project menu command
    Figure 4. The Import Flex Project dialog box in Flash Builder
  11. Expand the package in the Package Explorer in Flash Builder to examine the project's files (see Figure 5).

    Figure 5. Examining the project's files in the Package Explorer in Flash Builder
  12. Open Main.mxml from the Package Explorer. This is the primary file created by Catalyst, and represents the starting file for the project.

  13. If necessary, click Design to view the project in Design mode. The view of the project in Design mode should closely resemble Catalyst's view (see Figure 6).

  14. Click Source. This switches to Flash Builder's code view, where you can edit the code for the project.

  15. Examine the code that was created by Catalyst (see Figure 7).

    Figure 6. The project in Flash Builder's design mode
    Figure 7. The project's main file in source view

    There will likely be less code in this file than you may have anticipated, as it does not contain all of the code for the project. Every component is contained within its own, independent MXML file.

  16. In the Package Explorer, click the arrow to open the CustomComponents folder.

  17. Double-click one of the custom components to open it. In this example, the SubscriptionAssets component has been opened.

  18. Examine the source code of the component (see Figure 8).

    Figure 8. The component's source code
  19. Click Design to switch back to Design mode. Again, the component appears in Flash Builder in a manner very similar to what you saw in Catalyst (see Figure 9).

You have now imported your Catalyst project into Flash Builder and examined some of the elements of the project.

Figure 9. The component in Design mode
 
Others
 
- Adobe Flash Catalyst CS5 : Designing with Data - Using a wireframe data list
- Adobe Illustrator CS5 : Understanding the Layers Panel & Setting Layers Panel Options
- Adobe Illustrator CS5 : Understanding Overprints
- Dreamweaver CS5 : Using Dreamweaver Templates - Enabling Repeating Regions
- Dreamweaver CS5 : Using Dreamweaver Templates - Making Attributes Editable
- Adobe Photoshop CS5 : Fixing Group Shots the Easy Way
- Adobe Photoshop CS5 : Fixing Reflections in Glasses
- Adobe After Effects CS5 : Color Matching (part 3)
- Adobe After Effects CS5 : Color Matching (part 2) - The Fundamental Technique - Dramatic Lighting & No Clear Reference
- Adobe After Effects CS5 : Color Matching (part 1) - The Fundamental Technique - Ordinary Lighting
 
 
Top 10
 
- Microsoft Visio 2013 : Using the Organization Chart Wizard with new data
- Microsoft Visio 2013 : Adding photos and changing styles in org charts
- Microsoft Visio 2013 : Altering org chart layout and appearance
- Microsoft Visio 2013 : Using the Organization Chart Wizard with existing data
- Managing Exchange Server 2013 clients : Configuring mail support for Outlook (part 4) - Repairing and changing Outlook mail accounts
- Managing Exchange Server 2013 clients : Configuring mail support for Outlook (part 3) - Configuring Outlook for Exchange, Adding Internet mail accounts to Outlook
- Managing Exchange Server 2013 clients : Configuring mail support for Outlook (part 2) - First-time configuration: Connecting to Exchange Server
- Managing Exchange Server 2013 clients : Configuring mail support for Outlook (part 1) - Understanding address lists, offline address books, and autodiscover
- How To Unlock An Account From Active Directory (Windows Server 2008)
- How To Install A deviantArt Theme In Windows 7
 
Popular tags
 
Video Tutorail Microsoft Access Microsoft Excel Microsoft OneNote Microsoft PowerPoint Microsoft Project Microsoft Visio Microsoft Word Active Directory Biztalk Exchange Server Microsoft LynC Server Microsoft Dynamic Sharepoint Sql Server Windows Server 2008 Windows Server 2012 Windows 7 Windows 8 Adobe Indesign Adobe Flash Professional Dreamweaver Adobe Illustrator Adobe After Effects Adobe Photoshop Adobe Fireworks Adobe Flash Catalyst Corel Painter X CorelDRAW X5 CorelDraw 10 QuarkXPress 8 windows Phone 7 windows Phone 8 BlackBerry Android Ipad Iphone iOS
Video tutorials
- How To Install Windows 8 On VMware Workstation 9

- How To Install Windows 8

- How To Install Windows Server 2012

- How To Disable Windows 8 Metro UI

- How To Change Account Picture In Windows 8

- How To Unlock Administrator Account in Windows 8

- How To Restart, Log Off And Shutdown Windows 8

- How To Login To Skype Using A Microsoft Account

- How To Enable Aero Glass Effect In Windows 8

- How To Disable Windows Update in Windows 8

- How To Disable Windows 8 Metro UI

- How To Add Widgets To Windows 8 Lock Screen