软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > 设计在线 > 媒体动画 > Flash AS3 制作横向滑动的菜单条栏

Flash AS3 制作横向滑动的菜单条栏

  如何建一个横向滑动的菜单条栏?

  在这个快速教程中你将学会如何使用AS3’s的补间类创建一个横向滑动条栏菜单,一个非常棒的导航条。

  第一步:创建文本新建一个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%。将”按钮”图层锁定,并创建一个新的图层命名为”动作”也将这一层锁定。现在在你新建的动作图层上的第一帧上单击右键,并点击动作。

相关阅读
网友评论