实例二、制作导航栏

　　一、配合 XML 制作导航栏按钮

　　有了上面的经验，制作这个导航栏就方便得多了。

　　1、从主菜单“File→New from Template...（选择文件→从模板新增...）”，然后你会看到选择模板的对话框。

　　2、在左方“Category（分类）”的地方选择 Menus，然后在 “Category Item（分类项目）”选择第二个 Menu_tabs，然后按下“Create（建立）”按钮来建立新的文件。

　　3、接着先将文件另存新档，储存到你放置 文件的位置。在这个新文件中它有三个图层（Layer）分别是：
　　（1）_instruction：解说如何使用这个模板的说明。
　　（2）Component：导航栏组件就在这里。
　　（3）_actions：放置 ActionScript 的图层，但事实上只有一个 stop 动作而已。

　　4、将 _instruction 图层删除，然后到 Flash 安装目录下的 First Run\Templates\Menus 目录中去找一个叫做 Menu_tabs.xml 的文件，将它复制到你在步骤 3 中储存文件的目录，让 FLA 文件和 XML 文件放在同一个文件夹内。

　　5、选择 Flash 文件内的导航栏组件，就是左上角一长条虚线框的那个，然后点一下“Properties（内容）”面板的“Paramaters（参数）”卷标页，检查 dataSource 参数的值是不是刚刚那个 XML 文件的文件名。


（图10）
　　好了，测试影片看看，马上就可以看到导航栏按钮了！

　　二、更改导航栏样式

　　导航栏和其它模板一样，都可以自订和修改，因为同样都属于菜单的分类，所以这个导览列和之前的层叠式菜单修改的方式也非常类似。使用记事本或其它纯文字编辑器打开 Menu_tabs.xml 文件，找到第 2 列也就是 开头的这一个标注，它有很多参数说明如下，请更改双引号内的值：

　　main_onColor="#000000"//主项目鼠标滑过时的文字颜色，使用16进位的颜色码；
　　main_offColor="#666666"//主项目一般状态时的文字颜色；
　　sub_onColor="#000000"//次项目鼠标滑过时的文字颜色；
　　sub_offColor="#ffffff"//次项目一般状态时的文字颜色；
　　navWidth="640"//导航栏的宽度，以像素为单位；
　　x_padding="40"//文字和按钮边缘的水平间距；
　　y_padding="10"//文字和按钮边缘的垂直间距。

　　三、更改导航栏内容

　　导航栏的内容设定方式和层叠式菜单是完全一模一样的，大家可以参照上面的方法进行修改，在这里我就不多说了。

　　注意：如果你想在按按钮时显示中文，也是和 XML 菜单一样，必须将 XML 储存为 Unicode 编码，然后更改按钮中的文字字段设定。

　　四、更改导航栏字体和按钮

　　要更改导航栏的字体和按钮颜色，都必须编辑图库（Library）中的组件，可以参考下面的说明，看你想改什么就打开该组件来编辑：

　　（1）tn, tabs_buttonMain：主项目的按钮颜色 ；
　　（2）btn, tabs_buttonSub：次项目的按钮颜色 ；
　　（3）mc, tabs_clip：按钮字体和大小 ；
　　（4）mc, tabs_line：按钮之间的垂直线；
　　（5）mc, tabs_rule：按钮之间的水平线 。

　　注意：主项目和次项目使用的都是相同的字体，而且主项目的按钮都会是同一种颜色、次项目是一种，在这里你无法让每个按钮用不同的颜色，除非你自己从头来写一个导航栏。

　　小结

　　使用这类 XML 菜单的好处就是当你需要变动菜单项目时，不需要重新发布Flash动画，只要更改 XML 文件的内容即可，XML 是一个纯文字的文件，当然很容易更改，而且处理XML资料原本是一件很复杂的事情，但使用模板之后竟然变得非常简单，这是Flash MX最值得我们尝试的一个新功能。

    

    

实例学用Flash MX增强的AS功能(3) Flash5任意两点间随机画线（一）

评论 (0) All

登陆 还没注册？