Flash AS3创建一个横向滑动的导航条菜单

2019-10-08 10:37:03王振洲

在这篇教程里我们将学会如何利用Flash AS3创建一个横向滑动的导航条菜单,教程制作的导航条非常棒,方法也很简单,转发过来,希望对大家有所帮助。

最终效果预览让我们看一看我们将要做的作品的最终效果



第一步:创建文本新建一个600*300px的Flash Actionscript3.0文件,首先,选择文本工具并输入你的导航菜单文字,在这个教程中,我用的是Button1|Button2|Button3|Button4,字体选择Arista Light,大小为30点,颜色选择#999999.然后进入对齐面板(如果你看不到它的话就点击窗口>对齐),使文本相对于舞台水平中齐,垂直中齐。



第二步:画一个按钮

将当前的图层重新命名为文本并将其锁定,这样就不会误将其修改。然后创建一个名为按钮的新图层。选择矩形工具并在button

1″的边缘外画一个矩形(任意颜色)。这将是你菜单条中可以点击的区域。



第三步:完善按钮选中你刚刚画的矩形,执行修改>转化为元件,并将其命名为按钮。确保注册点在中间(你可能还要使用对齐面板)

然后,在属性面板中,将其实例名称命为button1″并将alpha值设为0%。



第四步:添加更多的按钮复制你的无形的按钮,并将其粘贴到其它三个按钮中,并分别将其实例名称命为button2,button3,button4″使用任意变形工具将它们放大或缩小,使它们正好在菜单条的外框,且每个之间没有间隔。



第五步:画条栏(bar)还是选择矩形工具,将矩形边角半径设为5pixels并画一个高为4pixels,宽和第一个按钮差不多的矩形。

把它放在第一个按钮的下面,点击修改>转化为元件并将其命名为bar。确保注册点在中间。

将它的实例名称命为bar,且和那些按钮一样alpha值为0%。将按钮图层锁定,并创建一个新的图层命名为动作也将这一层锁定。现在在你新建的动作图层上的第一帧上单击右键,并点击动作。



第六步:输入类


复制代码//为补间导入所需的类
import fl.transitions.Tween;
import fl.transitions.easing.*;

我们需要使用这些代码和补间类让条栏动起来,所以将这些导入。这个缓动类也是必须的,这样我们就可以明确所使用的补间动作类型。