3D图片轮播特效Flash Piecemaker

这个Piecemaker的图片轮播特效还是很酷的，开发者是提供免费开源使用的。不过，因为是老外开发的吗，所以Flash中的翻转说明文字，默认情况下只支持英文，也就是XML文件中Text标签内的文字。Google了一把，需要修改Flash源文件中的AS代码，改了之后就可以了，但是不好定义中文字体和样式，默认就是宋体，Piecemaker调用的CSS样式表文件，也形同虚设，实验了一阵子，起码可以设置字体为微软雅黑了，总算是比宋体好看一点。当然，有雅黑的显示雅黑，没有的还是宋体。

XML里需要动点手脚，如下：
1
<Image Source="contents/piecemaker_1.png" Title="非诚勿扰">
2
<Text><font color="#FF0000" face="微软雅黑" size="+6">海阔天空</font><font color="#FFFFFF" face="微软雅黑" size="+1">　Windows 7 乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐乌鲁木齐。</font></Text> 本文来自oleou
3
<Hyperlink URL="http://www.oleou.com" Target="_blank" />
4
</Image>
　　Text标签内，原先说明文字标题部分用的是h1标签，说明文字是P标签，单独给h1和P定义样式无效，没法，俺就把h1和P标签都换成font标签了，font标签内定义的字体、字号、颜色都有效，功夫不负有心人啊。如果想给标题部分加粗，那就在加上b标签，说明文字部分同理。XML文件里Settings和Transitions设置部分基本不用动，俺稍微调整了一下介绍、暂停、详细按钮显示的位置，当然这三个按钮原本是英文的，俺弄成中文了。Transitions设置部分增加了一些切换效果，具体有哪些切换效果，参看这里：http://hosted.zeh.com.br/tweener/docs/en-us/misc/transitions.html。本文附件下载里的压缩包，是俺修改好的全套东东，下载以后，换换你需要的图片和说明文字就可以用了。

　　Piecemaker 官方网站：http://www.modularweb.net/#/en/piecemaker

附件下载：网盘下载

评论列表