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
- Adobe After Effects CS5 : Color Look Development
- Adobe Fireworks CS5 : Applying the Unsharp Mask Live Filter
- Adobe Fireworks CS5 : Adjusting brightness with the Dodge and Burn tools
- CorelDraw 10 : Adding Graphics to a Page (part 3) - Optimizing images for the Web
- CorelDraw 10 : Adding Graphics to a Page (part 2) - Exporting the rollover graphic
- CorelDraw 10 : Adding Graphics to a Page (part 1) - Creating Rollover Graphics
- CorelDraw 10 : Adding Text to a Web Page
- Adobe Flash Professional CS5 : Transforming Gradients and Bitmap Fills (part 2) - Adjusting scale with the Gradient Transform tool, Setting gradient fill overflow styles
- Adobe Flash Professional CS5 : Transforming Gradients and Bitmap Fills (part 1) - Adjusting the center point with the Gradient Transform tool, Rotating a fill with the Gradient Transform tool
- Adobe InDesign CS5 : Joining Anchor Points & Using the Smooth Tool
 
 
Most View
 
- SQL Server 2012 : Enhancing Your Troubleshooting Toolset with Powershell (part 3) - Working Remotely
- Windows Phone 8 : Groups (part 2) - Adding a Contact to a Group
- Windows 7 : Windows Media Player - Taking Your Music and Video on the Go (part 2) - Syncing Files to Your Portable Media Player
- Windows Small Business Server 2011 : Using Group Policy - Refreshing Group Policy
- Microsoft PowerPoint 2010 : Preparing a Slide Show - Working with Fonts
- Windows Server 2008 : Creating and Running a PowerShell Script - Scheduling PowerShell Scripts
- Windows 7 : Working with Files - Delete a File
- Microsoft Lync Server 2013 : Mac Client - Web Conferencing
- Windows Server 2012 : A complete virtualization platform (part 2) - Troubleshooting virtual switches, Additional capabilities
- SQL Server 2012 : Delivering Manageability and Performance (part 6) - POLICY-BASED MANAGEMENT - Clustered Indexes
 
 
Top 10
 
- Sharepoint 2013 : Developing Integrated Apps for Office and Sharepoint Solutions - The New App Model for Office
- Overview of Oauth in Sharepoint 2013 : Application Authorization - On-Premises App Authentication with S2S
- Overview of Oauth in Sharepoint 2013 : Application Authorization - Requesting Permissions Dynamically
- Microsoft Excel 2010 : Working with Graphics - Inserting a Diagram,Inserting an Object
- Microsoft Excel 2010 : Working with Graphics - Inserting WordArt, Using Smart Art in Excel
- Microsoft Excel 2010 : Working with Graphics - Using AutoShapes
- Overview of Oauth in Sharepoint 2013 : Application Authentication (part 2) - Managing Tokens in Your Application
- Overview of Oauth in Sharepoint 2013 : Application Authentication (part 1) - Using TokenHelper
- Overview of Oauth in Sharepoint 2013 : Creating and Managing Application Identities
- Overview of Oauth in Sharepoint 2013 : Introduction to OAuth