XML动态菜单flash教程

Tag:

推荐: Flash设计螺旋动画效果制作教程分享
给各位Flash软件的使用者们来详细的解析分享一下设计螺旋动画效果的制作教程。教程分享:第一步:首先打开FLASH软件,新建一个新的场景,然后点菜单栏“修改”→&ld

大家都喜欢XML,因为它省事,我平时做东西也尽可能的用XML,因为实在是日后更新修改太方便了,都不用动fla源文件。xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

本XML系列教程将分三部分发布,到最后一期我们将拥有一个功能全面,更加友好的XML菜单。本教程这个第一期涉及到了一些XML的基础知识。xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

这里我们要做的效果是一个纵向排列的动态XML的菜单,并且当鼠标滑动到菜单上显示相应的缩略图,这个我们在很多摄影作品展示flash网站经常见到的。在线展示:http://www.keyframe1.com/tute/xmlMenu/xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

第一步, 分析项目:xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
  > 组成部分xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
      - XML文件;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
      - FLASH源文件;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
      - 缩略图JPG文件,50px X 50px 存放在 thumb文件夹;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
  > 步骤xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
      - 先写XML文件 (这个很简单,我们将不再讲怎么写XML文件);xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
      - 在FLASH中建立所需元素;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
      - actionscriptingxJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

第二步,开始建立我们需要的一些元素,并把它们摆到大概理想的位置:xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
  > 一个放所有缩略图的母影片剪辑,我们叫做container 50px宽,高尽量大些;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
  > 一个遮罩影片剪辑,叫做mask 50px X 50 px;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
  > 一个外框影片剪辑,只是为了美观,叫做br,尺寸比mask大一圈就可以了;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
  > 把这三个影片剪辑在工作去摆到大概理想的位置,确定它们的X坐标,Y坐标无所谓因为下面我们要用AS来控制它们的Y坐标的;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

(好了,主时间工作区的事情就是这些,现在我们建立一个代码的图层,把剩下所有的工作交给actionscript)xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

第三步,actionscriptingxJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

//先声明一些变量xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
[Copy to clipboard]xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
CODE:xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
var menut:Number = 30; //菜单顶部Y坐标xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
var menul:Number = 300; //菜单左侧X坐标xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
var home:MovieClip = this; xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
var mlh:Number = 20; //菜单文字行距xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
var tlh:Number = 60; //缩略图行距xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
var speed:Number = 7; //缓动速度xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

//建立XML对象,提取XML数据,建立菜单的鼠标滑动触发的缩略图,遮罩影片剪辑的代码... 内容较多,尽量解释xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
[Copy to clipboard]xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
CODE:xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
var myx:XML = new XML();xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
myx.ignoreWhite = true;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
myx.onLoad = function()xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
{xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
    var nodes = this.firstChild.childNodes; //提取XML数据xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
    numMenu = nodes.length; //使用XML的关键,这个变量自动储存XML数据的节数,这样日后我们就可以只更新(添加/减少)XML文件 Flash就会自动更新xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
    for(var i=0; i<numMenu; i++)xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
    {xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        //建立子影片剪辑载入缩略图xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        var holder:MovieClip = container.createEmptyMovieClip("holder" + i, i); //在母影片剪辑里建立相等数量的字影片剪辑以载入缩略图xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        container["holder" + i]._x = 0; //定位xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        container["holder" + i]._y = tlh * i;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        container["holder" + i].loadMovie(nodes[i].attributes.thumb); //载入缩略图xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        //建立遮罩xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        container.setMask(mask);xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        //建立菜单xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        var menu = home.createEmptyMovieClip("menu" + i, i+40); //建立相等数量的空影片剪辑以存放菜单文字xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        menu._x = menul;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        menu._y = menut + (mlh * i);xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        menu.moveTo(menul, menut);xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        menu.createTextField("btxt", 0, 0, 0, 150, 20); //建立动态文本存放文字xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        menu.btxt.html = true;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        menu.btxt.wordWrap = true;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        menu.btxt.text = (nodes[i].attributes.nav); //载入文字xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        //菜单文字样式xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        btntf = new TextFormat();xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        btntf.color = 0x666666;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        btntf.font = "verdana";xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        btntf.leading = 10;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        btntf.size = 10;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        menu.btxt.setTextFormat(btntf);xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        //储存i的值,这一步非常重要xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        menu.i = i;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        //菜单鼠标滑入,滑出代码xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        menu.onRollOver = function()xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        {xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
            var who:Number = this.i; //变量提取i的值xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
            maskdy = menut + (mlh * who) - 15; //这些等式是要稍微动下脑筋自己计算的xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
            containdy = maskdy - (tlh * who);xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
            br._visible = true;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
            mask._visible = true;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
            container._visible = true;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
            xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
            menutf = new TextFormat();xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
            menutf.underline = true; //使鼠标滑入的时候显示下划线xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
            this.btxt.setTextFormat(menutf);xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        }xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        menu.onRollOut = function()xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        {xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
            br._visible = false;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
            mask._visible = false;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
            container._visible = false;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
            xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
            menutf = new TextFormat();xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
            menutf.underline = false;xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
            this.btxt.setTextFormat(menutf);xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        }xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
    }xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
}xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

myx.load("xmlMenu.xml")xJk网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

分享: flash 图片割断成两张动态效果
代码如下 package { import flash.display.Sprite; import flash.net.URLRequest; import flash.display.Loader; import flash.display.Bitmap; import fla

作者:admin/ 所属分类:网站运营/ 更新时间:2018-01-11
最新评论:发布评论
条评论

用户名:    密码:   验证码:        匿名评论
相关网站运营教程
    无相关信息
©   2016   www.zzm8.com站长魔吧网
收藏&分享