XML静态菜单
日期：2014-03-28 浏览次数：21328 次
大家都喜欢XML，由于它省事，我平时做东西也尽可能的用XML，由于实在是日后更新修正太方便了，都不用动fla源文件。
本XML系列教程将分三部分发布，到最后一期我们将拥有一个功用全面，愈加敌对的XML菜单。本教程这个第一期涉及到了一些XML的基础知识。
这里我们要做的效果是一个纵向陈列的动态XML的菜单，并且当鼠标滑动到菜单上显示相应的缩略图，这个我们在很多摄影作品展现flash网站经常见到的。在线展现：http://www.keyframe1.com/tute/xmlMenu/
第一步， 分析项目：
组成部分：
- XML文件；
- FLASH源文件；
- 缩略图JPG文件，50px X 50px 存放在 thumb文件夹；
步骤：
- 先写XML文件 （这个很简单，我们将不再讲怎样写XML文件）；
- 在FLASH中建立所需元素；
- actionscripting
第二步，开始建立我们需求的一些元素，并把它们摆到大概理想的位置：
- 一个放所有缩略图的母影片剪辑，我们叫做container 50px宽，高尽量大些；
- 一个遮罩影片剪辑，叫做mask 50px X 50 px；
- 一个外框影片剪辑，只是为了美观，叫做br，尺寸比mask大一圈就可以了；
- 把这三个影片剪辑在任务去摆到大概理想的位置，确定它们的X坐标，Y坐标无所谓由于下面我们要用AS来控制它们的Y坐标的；
（好了，主时间任务区的事情就是这些，如今我们建立一个代码的图层，把剩下所有的任务交给actionscript）
第三步，actionscripting
//先声明一些变量
var menut:Number = 30; //菜单顶部Y坐标
var menul:Number = 300; //菜单左侧X坐标
var home:MovieClip = this;
var mlh:Number = 20; //菜单文字行距
var tlh:Number = 60; //缩略图行距
var speed:Number = 3; //缓动速度
var menut:Number = 30; //菜单顶部Y坐标
var menul:Number = 300; //菜单左侧X坐标
var home:MovieClip = this;
var mlh:Number = 20; //菜单文字行距
var tlh:Number = 60; //缩略图行距
var speed:Number = 3; //缓动速度
//建立XML对象，提取XML数据，建立菜单的鼠标滑动触发的缩略图，遮罩影片剪辑的代码... 内容较多，尽量解释。
var myx:XML = new XML();
myx.ignoreWhite = true;
myx.onLoad = function()
{
var nodes = this.firstChild.childNodes; //提取XML数据
numMenu = nodes.length; //使用XML的关键，这个变量自动储存XML数据的节数，这样日后我们就可以只更新（添加／减少）XML文件 Flash就会自动更新
for(var i=0; i<numMenu; i++)
{
//建立子影片剪辑载入缩略图
var holder:MovieClip = container.createEmptyMovieClip("holder" + i, i); //在母影片剪辑里建立相等数量的字影片剪辑以载入缩略图
container["holder" + i]._x = 0; //定位
container["holder" + i]._y = tlh * i;
container["holder" + i].loadMovie(nodes[i].attributes.thumb); //载入缩略图
//建立遮罩
container.setMask(mask);
//建立菜单
var menu = home.createEmptyMovieClip("menu" + i, i+40); //建立相等数量的空影片剪辑以存放菜单文字
menu._x = menul;
menu._y = menut + (mlh * i);
menu.moveTo(menul, menut);
menu.createTextField("btxt", 0, 0, 0, 150, 20); //建立动态文本存放文字
menu.btxt.html = true;
menu.btxt.wordWrap = true;
menu.btxt.text = (nodes[i].attributes.nav); //载入文字
//菜单文字款式
btntf = n
myx.ignoreWhite = true;
myx.onLoad = function()
{
var nodes = this.firstChild.childNodes; //提取XML数据
numMenu = nodes.length; //使用XML的关键，这个变量自动储存XML数据的节数，这样日后我们就可以只更新（添加／减少）XML文件 Flash就会自动更新
for(var i=0; i<numMenu; i++)
{
//建立子影片剪辑载入缩略图
var holder:MovieClip = container.createEmptyMovieClip("holder" + i, i); //在母影片剪辑里建立相等数量的字影片剪辑以载入缩略图
container["holder" + i]._x = 0; //定位
container["holder" + i]._y = tlh * i;
container["holder" + i].loadMovie(nodes[i].attributes.thumb); //载入缩略图
//建立遮罩
container.setMask(mask);
//建立菜单
var menu = home.createEmptyMovieClip("menu" + i, i+40); //建立相等数量的空影片剪辑以存放菜单文字
menu._x = menul;
menu._y = menut + (mlh * i);
menu.moveTo(menul, menut);
menu.createTextField("btxt", 0, 0, 0, 150, 20); //建立动态文本存放文字
menu.btxt.html = true;
menu.btxt.wordWrap = true;
menu.btxt.text = (nodes[i].attributes.nav); //载入文字
//菜单文字款式
btntf = n
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
