Adobe 65011817 Extended User Guide - Page 313

Last updated 12/8/2009 EXTENDING FIREWORKS 309 Rich symbols Attributes text.autoExpand text.italic text.underline text.bold text.justify text.font text.fontsize text.alignment Type boolean boolean boolean boolean string string integer string MXML Export The Flex application framework consists of MXML, ActionScript 3.0, and the Flex class library. Developers use MXML to declaratively define the application user interface elements and use ActionScript for client logic and procedural control. Developers write MXML and ActionScript source code using the Adobe Flex Builder™ IDE or a standard text editor. MXML is the XML-based language that developers use to lay out components in Flex applications. It provides a declarative approach to controlling an application's visual appearance. Using MXML, developers can position components and specify constraints to enable a more "liquid" user interface. Developers can also use View States and Transitions to control how the application should respond to different user actions and application events. Using Fireworks, you can export Flex code (MXML) in order to easily create a Flex application layout in Fireworks, leveraging Flex common library assets, and export it as MXML for loading into Flex Builder. To export MXML data 1 Choose File > Export. 2 Choose MXML and Images in the Export pop-up menu. 3 Select the Put images in subfolder option if you want to save the images in a separate folder from the MXML code. 4 Select the Current page only option to export only the currently selected page. 5 Click Save to complete the export. Flex Component Definitions for MXML and Images Export When exporting a Fireworks document with the MXML and Image export, Fireworks checks each element's customData property for definitions that dictate how that element should appear in the resulting MXML. If no MXML-related definitions are found, the element is exported as an image. Each Flex component found in the Fireworks common library already has unique customData definitions that allow it to be exported as MXML. If you wish to have elements within your document export as their own custom MXML tags you can do so with the following customData definitions. flexClassName Flex component symbols are associated as being Flex Components by the MXML and Images import through a customData property called flexClassName.