本教程是在前一个进阶教程的基础上继续做优化和修改,既然是高级教材,势必会省去很多制作过程,主要精力放在编码工作上。本次制作相册的主要做法就是除了背景以外的元件全部靠动态创建,并且用一个缓动引擎TweenLite来实现相册的转场效果,这种动态创建的做法对练习程序编写很有好处,但是项目开发而言并不是最佳方式。
工具/原料
FlashCS3(及其以上版本),5张图片
步骤/方法
1、首先我们删去舞台上的按钮和相册元件,舞台上只剩下一个背景![[AS3编程教学]Flash相册高级教程](https://www.easck.com/d/file/191008/20140627142736374.jpg)
2、其次我们按照相册的内容来写出程序执行大致架构。![[AS3编程教学]Flash相册高级教程](https://www.easck.com/d/file/191008/20140627142736375.jpg)
3、接下来我们实现createTitle()函数
复制代码function createTitle():void
{
var txtTitle:TextField = new TextField();
txtTitle.autoSize = TextFieldAutoSize.CENTER;
txtTitle.text = "美女相册";
txtTitle.x = (stage.stageWidth - txtTitle.width)/2;
txtTitle.y = 5;
addChild(txtTitle);
var tFormat:TextFormat = new TextFormat();
tFormat.font = "微软雅黑";
tFormat.size = 30;
txtTitle.setTextFormat(tFormat);
}
发布后如图所示,有了标题!
![[AS3编程教学]Flash相册高级教程](https://www.easck.com/d/file/191008/20140627142736376.jpg)
4、我们用同样的方法创建日期字符串,放在左下角。
复制代码function createDate():void
{
var txtTitle:TextField = new TextField();
txtTitle.autoSize = TextFieldAutoSize.RIGHT;
txtTitle.text = "2011年12月31日";
txtTitle.x = stage.stageWidth - txtTitle.width - 2;
txtTitle.y = stage.stageHeight - txtTitle.height*2;
addChild(txtTitle);
var tFormat:TextFormat = new TextFormat();
tFormat.font = "微软雅黑";
tFormat.size = 16;
txtTitle.setTextFormat(tFormat);
}
此时发布影片,我们已经看到了两个文本。
![[AS3编程教学]Flash相册高级教程](https://www.easck.com/d/file/191008/20140627142736377.jpg)
5、接下来我们创建相册元件,相册元件是一个影片剪辑,里面有5张连续的图片,注意注册点居中。在库里找到这个原价你,给他一个连接的类名PhotoItem,如果弹出没有类的提示,那么点击确定让其自动创建。![[AS3编程教学]Flash相册高级教程](https://www.easck.com/d/file/191008/20140627142736378.jpg)
6、我们接着写创建相册元件的函数,从库里加载刚才加了连接名的元件到舞台上合适的位置。
复制代码var mcPhotoItem:PhotoItem;
function createPhotos():void
{
mcPhotoItem = new PhotoItem();
mcPhotoItem.x = 148;










