本例要实现的效果是:
5张图片陈列在舞台上,单击任意一张图片后,会放大显示,同时出现一个关闭按钮,单击它就回到初始样子: 加载需要一定时间,请耐心等待
| |||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||
制作过程【1】设置舞台属性:
这个视图片的宽高而定。我这里准备的5张图片分辨率都是656×492的,所以舞台的宽高分别设为相同值 【2】将5张图片放在同一个影片剪辑的5个不同的关键帧内: (1)在系统的资源管理器内,将5张图片重命名,按照数字顺序命名为12345 (2)按Ctrl+F8键 名称任意 类型 影片剪辑 按确定 (3)执行菜单栏的 文件>导入>导入到舞台 选择第一个图片,导入。会提示你是否导入所有图像,选择 是 就会将5张图片依次序导入到5个不同的关键帧之内 【3】插入关闭按钮 (1)在当前影片剪辑内部的图层面板内 新建一个图层 (2)绘制一个关闭按钮,并在属性面板内设定实例名为close_btn 【4】布置舞台 (1)单击“场景1”来到主场景,将库内的影片剪辑拖放到舞台上。并在属性面板内指定实例名为mc 它用于呈现图片的放大效果 (2)新建一个图层,准备放置5个小图: 将刚才的影片剪辑复制、粘贴到本图层,由于影片剪辑的宽高与舞台一样,但是我们需要5个影片剪辑,所以需要将它缩小。 我们以宽度为基准,656÷5=131.2 那么,将影片剪辑的宽度设为131 用选择工具选中影片剪辑,在属性面板内调整宽高,在锁是锁住的前提下,在 宽:后面直接输入数字131 ,回车即可 (3)设定实例名 在“实例名称”那里设定即可。由于这个影片剪辑是复制自第一个图层的,而且已经有实例名mc,所以直接复制粘贴4份,共5个影片剪辑。然后分别设置实例名为mc1 mc2 mc3 mc4 mc5 (4)为了让大图能在最上面,我们将现有的两个图层交换一下位置: 在图层面板内,选看到中下面的图层,不要松开鼠标,拖到上面图层的上方,松开鼠标即可。此时,只能看到大图,为了操作小图,我们将大图所在的图层给关闭显示: (4)Ctrl+A全选5个小图,然后Ctrl+K打开对齐面板 在“与舞台对齐”不被选中的状态下,分别单击 垂直中齐、水平居中分布: 如图,5个影片剪辑就乖乖的呆好位置了。如果效果不完美,就手动调整一下位置吧。 【5】写代码 新建一个图层,按F9键打开动作面板,输入下面的代码
| |