利用Flash MX模板制作XML动态菜单(5)

樱花难忘

　实例二、制作导航栏 　　一、配合 XML 制作导航栏按钮 　　有了上面的经验，制作这个导航栏就方便得多了。 　　1、从主菜单“File→New from Template...（选择文件→从模板新增...）”，然后你会看到选择模板的对话框。 　　2、在左方“Category（分类）”的地方选择 Menus，然后在 “Category Item（分类项目）”选择第二个 Menu_tabs，然后按下“Create（建立）”按钮来建立新的文件。 　　3、接着先将文件另存新档，储存到你放置 Flash 文件的位置。在这个新文件中它有三个图层（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最值得我们尝试的一个新功能。