|
教学目的：通过本节教学了解和熟悉组件按钮及实例名称的创建与设定，输入文本，动作面板与脚本的运用，通过巧妙的设计与制作，进而实现加载外部swf作品在线演示之动画效果。
教学对象：本教材是针对有一定动画制作基础和对属性面板、工具箱，动作面板、as语句及相关界面有所了解的朋友们编写的，因此省略了一些步骤，还望谅解。
教学重点：影片剪辑、组件、动态文本、实例名称，动作面板、as语句。
先看效果：
制作过程
1.启动flash8软件。
2.确立文档属性 设置动画尺寸为550*450，背景颜深绿，其它默认,点击确定，进入场景1。如图1所示：
图1
3.创建影片剪辑元件
选择“插入－新建元件”，建立一个名为“演示”的影片剪辑元件，点击确定，进入元件编辑区。添加四个图层，共五个图层。自下而上命名为矩形背景、组件按钮、输入文本、静态文本、as语句。
1.选择矩形背景图层第1帧，用矩形工具在舞台拖一个规格为550*400的，无边线的淡绿色的矩形，左对齐－上对齐。上锁。如图2所示：
图2
2.选择组件按钮图层第1帧，点击“窗口－组件”打开组件面板，双击User Interface图标，将Button组件按钮拖入舞台，规格不变，将其放置在矩形背景的右下方，调整好位置。如图3、4所示：
图3
图4
选中该实例，打开属性面板的“参数”界面，设置其参数，如图5所示：
图5
完成后的舞台实例变化，如图6所示：
图6
再点击该实例，在属性面板填写其实例名称为： swf 。上锁。如图7所示：
图7
3.选择输入文本图层第1帧 ，用输入文本工具，在组件按钮的左侧拖一个规格为310*22的文本框，和组件按钮并列，水平中齐。如图8所示：
图8
点击该实例，在属性面板填写其实例名称为 shuru 。如图9所示：
图9
该实例的其它相关参数设置，如图10所示：
图10
锁定该图层。
4.选择静态文本图层第1帧 ， 用文本工具在输入文本的右侧，输入：相关提示，颜色、规格、字体自定。调整好规格位置；再在矩形背景上输入：作品的题目，颜色、规格、字体自定。调整好规格位置。上锁。如图11所示：
图11
5.选择as语句图层第1帧 ， 按f9，打开动作面板，在as编辑区输入，如下帧语句：
swf.onRelease = function ()
{
attachMovie("loading", "loading_mc", getNextHighestDepth());
loading_mc._x = 80;
loading_mc._y = 215;
loading_mc.loadt_mc._xscale = 0;
var _loc2 = shuru.text;
var type = _loc2.substr(-3, 3);
createEmptyMovieClip("swf_mc", 1);
var _loc3 = new MovieClipLoader();
var _loc1 = new Object();
_loc1.onLoadProgress = function (target, bytesLoaded, bytesTotal)
{
loading_mc.loadt_mc._xscale = Math.floor(bytesLoaded / bytesTotal * 100);
};
_loc1.onLoadInit = function (swf_mc)
{
loading_mc.removeMovieClip();
swf_mc._x = 0;
swf_mc._y = 0;
if (type == "swf")
{
swf_mc._xscale = swf_mc._yscale = 100;
}
else
{
while (swf_mc._width > 550 || swf_mc._height > 400)
{
swf_mc._xscale = swf_mc._xscale - 1;
swf_mc._yscale = swf_mc._yscale - 1;
}
}
};
_loc3.addListener(_loc1);
_loc3.loadClip(_loc2, swf_mc);
};
锁定该图层。该环节完成后的时间轴，如图12所示：
图12
4.组织编辑场景
进入场景1，添加一个图层，共两个图层。自下而上命名为演示、边框。
（1）选择演示图层第1帧，从库中拖出“演示”影片剪辑元件到舞台，规格不变，左对齐－上对齐。上锁。如图13所示：
图13
（2）选择边框图层第1帧，导入或制作一个边框，规格550*450，全居中。上锁。如图14所示：
图14
5.本作业完成后的时间轴如图15所示：
图15
6.测试存盘
说明：
1.外调swf作品的最好是550*400规格的。
2.矩形背景也可改换为图片和动画作品等。
| 
