虽然FXZ文件中和从Photoshop导出的图像可能有不同的图层,但是任何Fxz文件中都有一个content.fxd文件,它是定义文件,规定了所包含的图像文件之间的关系,使用这些图像时必须在项目中导入该文件。butterfly.fxz的content.fxd文件如下所示:
/*
* Generated by JavaFX plugin for Adobe Photoshop.
* Created on Sun Apr 11 17:45:24 2010
*/
//@version 1.0
Group {
clip: Rectangle { x:0 y:0 width:800 height:600 }
content: [
Group {
id: "group1"
content: [
ImageView {
id: "background"
x: 0
y: 0
image: Image {
url: "{__DIR__}background.png"
}
},
ImageView {
id: "butterfly"
x: 151
y: 181
image: Image {
url: "{__DIR__}butterfly.png"
}
},
]
},
]
}
注意,content.fxd文件包含创建JavaFX组的代码,该组包含了一个矩形剪辑和其他组。矩形剪辑从整体上定义图像的完整尺寸,其他组中包含一些用作ImageView节点的图像。
现在已经拥有了一个完整的FXZ文件(使用JavaFX Production Suite创建的),可以在脚本中使用它了。