使用图像(12)

虽然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创建的),可以在脚本中使用它了。

读书导航