多语言展示
当前在线:1792今日阅读:168今日分享:49

[AS编程教学]图片Gallery制作大师教程

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.

推荐信息