Gallery是图片切换展示的一种交互作品,多用于网站首页或摄影网站的图片展示。本篇教程标题叫“大师程”,自然是与高级教程有所差别:首先我们用FlashDevelop来创建工程文件来做这个小项目,其次我们将所有图片配置在xml里面用外部读取的方式加载显示图片,最后动态创建相册。这样做的好处就是图片的数量和名称不限制,随便修改,作品一旦完成,后期的维护工作就彻底和原作者无关了。完成效果如下图所示:
工具/原料
FlashCS3(及其以上版本),PhotoShop(任意版本) 10张图片
步骤/方法
1
打开FlashDevelop,执行“project/new project”,新建一个工程文件。
2
工程文件新建好后,我们额外创建一个“fla”文件夹,用来放fla源文件,这是个人习惯,现在的文件夹结构和FD工程文件结构如下图所示。
3
因为我们的类文件都放在src下面,所以在发布设置里加入src的相对路径。
4
进行准备的制作:10张图片,两个左右按钮,一个图片集元件。因为图片元件里的图片是外部加载,所以我们只需要保留一帧即可。
5
接下去我们写图片集类PicItem.as。图片集只需要一个单击事件方法,一个外部设置图片内容的方法:
6
因为图片要动态地加载进来,然后动态地放置到图片集容器中去,所以我们需要写一个图片内容的配置文件picInfo.xml:
7
写完这个我们写文档类Main.as。文档类与高级教程的差别是一开始读取xml加载图片,等所有图片加载完毕后然后开始创建其余内容:
8
将文档类Main.as,图片集容器类PicItem.as,分别链接到各自对应的元件中,然后发布测试,效果OK!
注意事项
1
制作的过程中记得反复测试,我也不是一蹴而就的。
2
要注意需要图片全部加载完毕后再进行其余元件和功能的创建,否则会有异常bug.
上一篇:如何用360搜索查找图片信息
下一篇:500px下载图片的方法