Flash相册制作

编写: 秋翁　　　　　　　.

教材

Flash电子相册的制作
　　网上我们看到很多各种各样的相册，大意也多是用鼠标点击小图，在播放框中显示大图这样的功能。现在我根据这种形式，写出我们大家易懂的教材。
　　为便于大家理解，我们分步学习，先学习怎样点小图出大图这个功能，其他功能如多幅自动播放、按钮平移等，我们再在以后的教材中逐渐添加，这样我们由简单到复杂，逐步添加功能，可使你充分理解其基本原理。
　　这是成品：

　　首先说点小图出大图的原理，其实小图是按钮，按钮动作是从元件库中调用元件放到主场景。为了便于控制调入元件的显示位置，我们在主场景放个 mc ，把调用的元件放到 mc 上面，这样我们改变mc的位置就可达到控制目的。下面我们先用四个图片制作。
1、在主场景画一个与你所用图片长宽比例相似的矩形，选中矩形，按[F8]转换为元件，元件名 mc ，注册点选择中心，并在属性面板中输入实例名 mc 　如下图：
　　

2、添加第2层，导入一个边框图片，按[Ctrl+B]键打散图片，把相对于下层mc处的部分挖空，按[F8]转换为元件。如下图：
　　

3、按[Ctrl+F8]建立新元件，命名“组”，在“组”元件中导入4幅图片，每图缩小到80*58像素，竖排均匀，这里如何调用对齐面板的操作就略了，以前都讲过的不再重复。再画一个80*58白色矩形，透明度调整为20% ，转换为按钮，按钮第2帧透明度0% 也就是鼠标指向时全透明。按钮放在最上一个图片上，输入按钮代码如下：
on (release) {
_root.mc.attachMovie("a1","a",1);
}
　　选中按钮，按[Ctrl+D]键复制一个，放到第2幅图片上，把代码改为：
on (release) {
_root.mc.attachMovie("a2","a",1);
}
　　这里只改了一个数字，把a1 改成 a2 了。
　　再复制放到第3、第4图片上，代码再改为a3、a4　就行了。
4、返回主场景，添加第3层，把“组”元件放到右边。当然这是根据相框的布局安排的，你用不同的外框也可根据需要放到左边、下边都行。
5、最后一步就是建立被调用的元件啦。按[Ctrl+F8]建立新元件，命名“a1”，从元件将第1幅图片导入，大小调整得与主场景中的 mc 尺寸差不多就行，注册点也放中心。依次再建立“a2、a3、a4” 。在元件库中选中 a1 击右键，从右键菜单中选择“链接”，在弹出的链接对话框中选择“为动作脚本导出”，如下图：
　　

　　依同样方法，给a2、a3、a4　都输入链接标识符就完成了。
　　如果操作都正确，现在你已经成功了。不过初打开时，相框中是空的，我们还是让里面先打开一幅图片吧，选中帧，输入帧代码：
_root.mc.attachMovie("a1","a",1);
　　这样一开始就先把a1导入了，当然你也可以换成a2或其他。

　　如果制作成功了，先将源文件保留，下一讲将从这个基础上逐步改进，原来制作的元件都可以继续使用。

下一篇：使用遮罩切换

秋翁课件园Flash系列制作教材　　http://www.qiuweng.com　　Email: qiuweng.tom.com