Flash AS入门教程第七课：影片剪辑第8节实现补间动画

核心提示： 有两点要注意：1.将字打散（两次），因为文本框在放大时会保持长宽比例，Flash AS入门教程第七课：影片剪辑第8节实现补间动画(4)，而我们弹出菜单时只需要改变高度，所以必须将文本打散，添加点击加载相应mc的命令，cd1.onRelease = function(){ attachMovie(

有两点要注意：

1.将字打散（两次），因为文本框在放大时会保持长宽比例，而我们弹出菜单时只需要改变高度，所以必须将文本打散。

2．因为菜单是向下弹开（增加高度），因此，元件必须上对齐。即上边与十字对齐。

3．矩形的高度为20，如果你的高度不是20，那么下面的代码就要作相应改变。

4个元件做好后，将它们拖到舞台上，放好。实例名称为： cd1,cd2,cd3,cd4

然后打开帧动作面板，输入如下代码：

import mx.transitions.Tween;
import mx.transitions.easing.*;
var cdtween:Tween;
function tc(cd) {
cdtween = new Tween(cd, "_height",Bounce.easeOut, 20,60,2,true);
}
cd1.onRollOver = function(){
tc(this);
}
cd1.onRollOut = function(){
cdtween.continueTo(20,1);
}
cd2.onRollOver = function(){
tc(this);
}
cd2.onRollOut = function(){
cdtween.continueTo(20,1);
}
cd3.onRollOver = function(){
tc(this);
}
cd3.onRollOut = function(){
cdtween.continueTo(20,1);
}
cd4.onRollOver = function(){
tc(this);
}
cd4.onRollOut = function(){
cdtween.continueTo(20,1);
}

测试影片，一个弹性菜单就做好了。

以前我们说过，如果要多次使用的代码，最好做成函数，弹出菜单的代码在4个菜单项上都要调用，所以我们将它做成函数tc.这个函数，用Tween类使菜单 MC，的高度在2秒内由20变成60，达到弹出的效果，缓动则菜用了Bounce.easeOut，在菜单展开后产生一个弹跳的效果。在函数外声明 Tween对象：var cdtween:Tween;是为了在鼠标移出菜单时能够调用它。

接下来的代码是，在鼠标移动菜单上时，调用tc 使菜单弹出。在鼠标移出菜单时，调用Tween类的continueTo（）方法，使菜单收回去。

接下来用上面介绍的内容，做4个MC，分别是，一个加速运动的小球，一个闪烁的星，一个跳动的红心，一个飞动的蝴蝶。在库中点右键，打开连接面板，为这4个MC取标识名：ballmc(小球)，xingmc（星），hxmc(红心)，hdmc(蝴蝶)。

回到主场景，打开帧动作面板，接着上面的代码，在每个菜单项上，添加点击加载相应mc的命令。

cd1.onRelease = function(){
attachMovie("ballmc","ball_mc",1)
ball_mc._y =200;
}
cd2.onRelease = function(){
attachMovie("hxmc","hx_mc",1)
hx_mc._y = 200;
hx_mc._x =260;
}
cd3.onRelease = function(){
attachMovie("xingmc","xing_mc",1)
xing_mc._x = 260;
xing_mc._y =200;
}
cd4.onRelease = function(){
attachMovie("hdmc","hd_mc",1)
hd_mc._x = 260;
hd_mc._y =200;
}

OK，试试吧。