《Flash程序设计》第三章、制作一个简单.pdfVIP

《Flash 程序设计》第三章、制作一个简单 的 Flash 菜单 Keywords ：Flash 程序设计、Flash 编程、Flash 设计、Flash 教程、actionscript 鬼火博客地址： 本书发布网站： 写作进度关注：/post/flash-program-beta.html 第三章、 制作一个简单的 Flash 菜单 3.1 Actionscript 简介 PS ：Word 的排版真是难用，上面的这个“3.1 actionscript 简介”几个字，我花了 10 分钟才排版好，痛苦。 Actionscript 目前的最新版本是3.0，是Flash Player 专有的脚本语言，简称 AS 。我们常见的使用AS 的软 件是 Flash 和 Flex ，另外还有Flash lite 以及Macromedia 自己的后台语言ColdFusion，后面两种的应用都 比较窄。3.0 已经基本具备所有的面向对象的语法特征。但是对于一般性的应用来说，as2 已经完全足够 使用，最关键的一点是，对于动画师来说，as2 足够简单，可以让他们也能轻松编程。 本教程全部采用 actionscript2.0 讲解，actionscript 2.0 中文帮助文档下载地址：点击这里 在本章，我们要学习制作一个简单的导航菜单，这个导航菜单是一个项目中的一部分，而且它在我们日 常的网络应用中会经常出现。 3.1.1 菜单效果 打开 “…/Ch3/简单导航菜单.swf” 观看菜单效果 3.1.2 素材准备 打开 “…/Ch3/简单导航菜单-素材准备.fla”，我们的菜单文件一共使用了三张图片，分别是每个按钮的深 绿色部分，绿色背景，以及顶部的灰色长条。你也可以自行绘制这几部分，并且我们鼓励你这样去做。 3.1.3 先想一想这个导航菜单的结构 做任何一个 flash 项目之前，都应该自习考虑好它的结构，这个要求也适合其它的项目，无论大小。那么 我们现在来考虑一下这个菜单的结构，如果你还没有一个大概的认识，请多使用几次“简单导航菜单.swf” 再继续后面的内容。 我们将菜单看做一个整体，那么他在结构伤由按钮、固定的修饰图组成，如下图所示。（实际的操作中， 可以直接在纸上绘制一个大概的草图即可。） 在这里，我们的固定修饰部分是一直不变的，可以划归简单内容。而按钮部分是我们效果的主题。它包 含以下的几种效果： 1、 鼠标经过时，深绿色按钮背景落下 2 、 鼠标离开时，深绿色按钮背景弹起 3、 鼠标点下时，深绿色按钮背景被固定，且离开后不会弹起，鼠标再经过这个按钮时，不 会变成手形。且鼠标点下时，会弹出相应的网页（这需要在浏览器中测试才能通过） 这四个按钮的效果都是一模一样的，只不过按钮上的文字不同而已，那么，为了提高效率，我们应该设 计一个按钮放到库中，然后在拖四个按钮到舞台上免即可。 事实上，如果你足够细心，会发现在导航栏完全显示之前，时有一小段动画的，绿色背景和灰色细条飞 入，四个按钮逐个飞入舞台。这些内容都是不涉及程序的，可以完全用动画的方式完成。 3.1.4 设计这个按钮 观察可知，按钮上面不同的部分在于左下角的文字不同、按钮上的主要文字不同、点击后链接的网页不 同。其它的内容都一模一样，所以我们可以设计一个MC ，这个MC 顶层有一个透明的按钮，它可以获得 鼠标经过、离开、点击的事件，而 MC 的其它层则放置深绿色背景的落下和弹起的动画。几个不同的部 分使用程序来控制。 好了，现在我们来制作这个按钮。具体的制作请参源文件，这里不再累述。看下面的截图，s1 后面的一 段是落下的动画，s2 后面是弹起的动画。我们只需要控制按钮 gotoAndPlay 这两帧即可。两帧包含代码的 帧上面都只有一句 stop （）, 目的是静止磁头。 随绿色背景落下的“About Us ”并未命名，这将是本章的作业。 浅绿色背景上的文字 MC ，另一个包含About us 等文字内容的电影架子，被命名为“mainName_mc ”，它 里面有四帧，里面分别包含四组词，左下角的小数字 MC ，被命名为 leftNum_mc，它是每个导航条目的 编号。顶层的透明按钮，用于按钮事件，命名为 b1 。 至此，菜单条目元件创建完毕。 PS ：或许这一张里一些词窜了，结构图中的“按钮”应该称为条目更合适。