使用AS3来做苹果菜单效果.docVIP

在这份教程中，我将教你如何使用AS3创建一个像苹果Dock那样的菜单。我们将创建一个single.as文件，由它来施展魔法，以及扩展它来加入新的功能。步骤1：创建一个新的ActionScript文件首先创建一个ActionScript文件，保存为“DockItem.as”。我把文件保存在这个位置c:/macmenu/org/effects/DockItem.as请注意，我们的文档目录（.fla的位置）在c:/macmenu/ 文件夹/org/effects/是DockItem类的包目录。步骤2：创建一个新的AS3 Flash（.fla）文件创建一个新的ActionScript3 Flash 文件并打开它，现在我们有了两个打开的文件DockItem.as与这个.fla在根文件夹（DockItem.as在c:/macmenu/org/effects，所以我们的网站根目录是c:/macmenu）/org/effects是DockItem对象的包。我们把.fla文件保存为c:/macmenu/macmenu.fla.步骤3：导入图标现在，我们在.fla文件中导入或者画一些图标。我已经从一个Illustraotr文件导入了一些图标，当然你也可以自己画一些，还能加上渐变效果。步骤4：开始将图标转为元件选择图标并选择顶部菜单 “修改”“转换为元件”。在弹出的面板中，输入元件名（我取名为Star），并登记注册点。这里需要定义底部中心为注册点（见下图）。类名也是Star（请记住你不能使用空格），记得输入org.effects.DockItem为基类。另外，请确保将类型设置为MovieClip。步骤5：将所有图标都转为元件我们能可以有许多我们想要的按钮，所以让我们把所有图标都转为元件。记得给它们一个名字和一个类名，并且将它们的注册点都设在底部中心，还有就是将org.effects.DockItem设为他们的基类。参照下面的图片看看我们的库和图标，请注意它们之间的间距，这对效果是否良好来说很重要。步骤6：编写DockItem类的代码如果我们现在测试影片，会抛出一个错误，说一个ActionScript文件必须至少有一个外部可见的定义。这是因为我们的菜单元素都是扩展自DockItem类，但是这个类我们还没有写，现在让我们来写它……首先，创建包，继承自Sprite类（如果我们没有时间轴动画就继承Sprite）。package org.effects{ import flash.display.Sprite; public class DockItem extends Sprite{ } } 在这里，我们的DockItem类继承自Sprite类，所以如果你现在能正常测试它，但看不到效果。（困惑吗？没有使用类进行编码？可以做个文档类入门练习来解答这个困惑）步骤7：导入必要的类现在，我们导入一些必须的类。一个自定义类就是在这里使用，你可以从GreenS下载到TweenLite类。当你下载好了TweenLite，将它解压到你的/macmenu/目录下（这样，你的目录结构就是/macmenu/gs/）package org.effects{ import flash.display.Sprite; import flash.events.Event; import flash.events.MouseEvent; import gs.TweenLite; ///tweenlite public class DockItem extends Sprite{ } } 我已经导入了Sprite类，因为我们的类继承自它。当自定义对象加入到舞台时，我们将使用事件(Event)类。并且，我们使用鼠标事件（MouseEvent）来验算图标之间的举例。步骤8：声明必须的变量在这一步，我们将申明一些必须的变量package org.effects{ import flash.display.Sprite; import flash.events.Event; import flash.events.MouseEvent; import gs.TweenLite; public class DockItem extends Sprite{ private var _initPosition:Number; public var maxXDistan