FX

The NetBeans IDE provides tools to help you work with JavaFX Content File (FXZ) graphics that are exported through Production Suite.

By bringing an FXZ file into a NetBeans JavaFX project, you can work with it in the following ways:

• In the Projects window, you can view the hierarchical structure of the FXZ file, in terms of the component files that it contains.
  
  

  Figiure 1: NetBeans Projects Window

  Tip: Add the FXZ file to a NetBeans project to view it. If you open an FXZ file using the Open File command in NetBeans, you will not be able to see the structure of the FXZ file in the Projects window. Also, if the graphic was saved from Adobe Illustrator CS4 with the Use Artboards feature, you will not be able to view the descriptions contained in individual FXD files unless you uncompress the FXZ file first with a standard compression utility.
  
  
• You can view the FXD description of the graphic in the Source Editor. If the graphic was saved from Adobe Illustrator CS4 with the Use Artboards feature, you can view the description of the graphic in each individual FXD file by selecting a choice from the Scene list in the Source toolbar.
  
  

  Figiure 2: NetBeans Source Editor Displaying FXD Data

• You can preview the graphic. If the graphic was saved from Adobe Illustrator CS4 with the Use Artboards feature, you can preview each artboard separately.
  
  

  Figiure 3: NetBeans Preview of a JavaFX Graphic

• You can change the magnification of the graphic by clicking icons in the Preview toolbar:
  
  

  Figiure 4: Preview Magnification Tools in NetBeans Toolbar

• If you double-click individual graphic objects, the NetBeans Source Editor will switch to Source view to display the FXD description for that object:
  
  

  Figure 5: FXD Description for a Graphic Object

  
  
  Note: If your graphic includes individual artboards, make sure you have selected the correct artboard so you can select the graphic objects in the Preview window:
  
  

  Figure 6: NetBeans FXD File Selection List in the Source Editor Toolbar for Graphics Preview Mode

• After you select an object in the preview, you can click available arrows in the Preview toolbar to move to the previous element selected, the next element selected, or the parent element:
  
  

  Figure 7: Graphic Object Selection Arrows in NetBeans Toolbar

• You can change options when selecting graphic objects by toggling the tooltip and highlighting icons in the Preview toolbar:
  
  

  Figure 8: Toggle Tooltips and Highlighting of Object Selection in NetBeans Toolbar

• The Navigator window displays a hierarchy of the object instances and their variables contained in the selected FXD file:
  
  

  Figure 8: NetBeans Navigator Window