数据驱动图形向导是Fireworks从MX版本开始出现的一项强劲功能。
, ~ A- Q' z8 K/ w) H4 i( ~
这个程序是由Dearmweaver和Fireworks圣经系列丛书的作者Joseph Lowery开发的,
/ Q. {$ U$ D0 O1 M0 b+ b( a+ w
在FWMX内是1.00版,到了FWMX 2004时升级到了2.00版,
`! M8 a! L4 ?1 l并由aftershape.com的站长Edoardo Zubler强化了界面设计和一些附属程序。
* A' ~: V# k1 Y
( p5 p% \+ Q! E" y3 V研究过FW数据驱动图形向导功能的朋友相信不多,
7 f/ n& j; P0 {4 I
既便是FW自带的帮助文件和MM的官方网站做功能介绍时也只是一笔带过。
- @, {+ V+ H+ v0 P' W
但是这个功能确实是FW的一大利器,
9 ]% D. i. W! O
而且在Fireworks MX 2004推出之际,Macromedia再度声明这一功能得到改进,
2 H4 Z- h* R( T* ]& e
到底怎么样,就让我们一起来实战一次并且来个详细对照吧。
5 a, `! n5 _5 K
2 O) j1 |) E8 B% K0 g
在这个实例中,我们使用了一张白色的衬衫做基本素材,
4 D) \2 @; z+ s( R/ Z5 ~2 a8 q- P
4 w4 o- Y* T* E3 T* h$ U* r; }: u! L6 W1 g F4 r
3 d/ B0 r+ S4 `! m+ D: m! m
) q4 _6 w" M0 B. h+ C
$ r; b* a/ }. e& i6 G5 K% d以及一组漂亮的图标做衬衫的替换标誌。
: J) K4 e7 Q7 e |6 M; E% H& z5 j
* M: n! \* W- f3 s! @
3 X5 Y3 r8 e4 P, y# z. ? ( j4 }* r$ f& ^6 W f
. y+ @2 K& E! _3 E, ?FW的数据驱动图形向导必需有一个标准的XML文件作为数据来源,
4 n" E& y- Z8 l3 ]0 }' p
这个XML文件可以由任何文本编辑器编写、由ColdFusion生成或是由数据库软件输出来产生。
2 Y7 h5 H8 c+ I0 d( E. Z
我们在这里根据准备替换的图标先写了一个,命名为datasource.xml,内容如下:
. @9 ]9 R5 z1 f0 I- n6 {& |
! a/ y7 j) s3 F9 S* u# {. x/ N1 t Q
" b; e' F/ R7 U6 i: Z
# F0 p+ e! P7 W$ }. o& k3 j. a. E# m0 j) m. X; [5 `0 z% i1 v
% D) D: L6 p4 S) K2 P9 ?
0 a5 c0 t; T p# G1 i3 Y( P
?xml version="1.0" encoding="iso-8859-1"?
. q9 P7 S+ Z6 t. pitems
" c2 p- W! q) H3 n" j0 J# A% o2 n7 v8 j/ Y6 E# }( |
item
3 v' R: B/ K2 Z& Z5 X& Z. h2 w+ b subjectMSN/subject
8 j9 ^( Z" f. P4 _2 X# j( p" s0 r/ Y9 U picicon1.jpg/pic
" O( u' f9 R6 t1 l X
linkagehttp://www.msn.com/linkage
3 i T0 z/ {. A3 E/item
, @, M& E& f9 p5 b1 ^" [
9 e1 G+ {* p5 B9 |. U7 ?1 E
item
# f7 R/ ]$ Z6 m" X# v& Z$ T7 h6 W
subjectMusic/subject
# u3 P! O0 N5 m; ?; e, h- L) r
picicon2.jpg/pic
- l0 g. C6 m w
linkagehttp://www.music.com/linkage
0 d4 b! [" H8 y5 G" R
/item
- T6 q1 T7 I2 M8 E9 E
3 z, O0 ]+ k m
item
: K1 K0 Y8 D4 U* H; \ subjectSoftware/subject
+ W: B3 i# D& k7 x picicon3.jpg/pic
$ A, m4 E+ ]- C. ]0 b( }* T+ c0 _ linkagehttp://www.soft.com/linkage
) g# j1 w! ?4 A! ~+ c/ ~/item
4 r8 d1 x7 `, _& W9 q$ D2 Q- ^
# z: [: x8 s, D1 Nitem
" [! x$ M) g) T2 G
subjectEarth/subject
+ `- ]# h* c& Q- \* z
picicon4.jpg/pic
% r; T* u6 y L: H( l linkagehttp://www.internet.com/linkage
5 A6 e$ I6 \7 ?2 b/item
% g; X# W! a4 g4 p
5 h4 p' G# p$ N% D! bitem
! J( j6 Y* @6 f& c8 n4 \
subjectSearch/subject
- ^ i3 D; E O' d$ h- Y1 b
picicon5.jpg/pic
" W, a# y8 q: |& S g- R* _
linkagehttp://www.google.com/linkage
4 J: S. [9 |# w/item
" i0 T% @8 S1 [2 u
8 M: X% O, F+ O& v+ _, X2 w- _/items
4 e. _2 k$ Q% c
" ]& x5 p( z4 x ) U( I; u! v+ A" @5 U+ H" K
7 U7 b( q) c. W* K0 ~" K/ _ ; D7 ]6 t" W. H
2 k; H% E8 b6 y这里可以看到,XML的标签都是可以自定义的。
7 C% Y( j( W- w$ Z其中的subject、pic、linkage,将成为我们数据驱动图形向导的变量标签。
7 H6 T x; e5 w
XML的书写格式标准和注意事项请参阅相关文档,这里就不赘述了。