本教程是在前一个进阶教程的基础上继续做优化和修改,既然是高级教材,势必会省去很多制作过程,主要精力放在编码工作上。本次制作相册的主要做法就是除了背景以外的元件全部靠动态创建,并且用一个缓动引擎TweenLite来实现相册的转场效果,这种动态创建的做法对练习程序编写很有好处,但是项目开发而言并不是最佳方式。
工具/原料
FlashCS3(及其以上版本),5张图片
步骤/方法
1、首先我们删去舞台上的按钮和相册元件,舞台上只剩下一个背景
2、其次我们按照相册的内容来写出程序执行大致架构。
3、接下来我们实现createTitle()函数
发布后如图所示,有了标题!
4、我们用同样的方法创建日期字符串,放在左下角。
此时发布影片,我们已经看到了两个文本。
5、接下来我们创建相册元件,相册元件是一个影片剪辑,里面有5张连续的图片,注意注册点居中。在库里找到这个原价你,给他一个连接的类名PhotoItem,如果弹出没有类的提示,那么点击确定让其自动创建。
6、我们接着写创建相册元件的函数,从库里加载刚才加了连接名的元件到舞台上合适的位置。
7、接下来我们创建两个文本框,放在相册下方,分别对应内容描述和页面显示:
8、接下来我们创建两个按钮,这次按钮从系统组件里拖出来到库里,如图所示。
9、写创建按钮函数如下:
10、继续完善上一步下一步控制函数,我们这次做个循环播放,如果上一页到第一页时,自动转到最后一页;同理下一页到最后一页时,自动转到第一页。
11、下面写图片展示函数,我们说过要用到一个动态缓动引擎叫TweenLite类,如果你能看到这里,那么你肯定有能力去搞清楚这个类是什么,其实程序的东西你只要知道它对外接口,会用就非常好了,会用比懂总是有实际意义。我们做得效果是图片缩放到80%,透明度变到60%时,图片切换下一张,然后在变回来原始尺寸和透明度,视觉上一闪一闪的,首先要确保类包在Ctrl+U的面板里被设置进来。
12、如果你能跟得上节奏,就会发现此时已经实现了相册功能了:
13、但是还有一个问题,那就是图片信息和页码不切换,所以我们接下去就写这部分功能。我们只需要在图片缩小切换的时候刷新内容就可以了,继续写一个信息刷新函数: