发新话题
打印

FWMX系列:数据驱动图形向导 [1]

FWMX系列:数据驱动图形向导 [1]


数据驱动图形向导是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/linkage0 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/ ~/item4 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的书写格式标准和注意事项请参阅相关文档,这里就不赘述了。



点击图标进入精品网摘收藏 欢迎大家加入网络收藏夹

TOP

发新话题