XML动态菜单flash教程二

Tag:

推荐: flash 将类分配给影片剪辑元件代码
在 Flash 中,选择"文件">"新建",从文件类型列表中选择"Flash 文档",然后单击"确定"。 使用椭圆工具在舞台上绘制一个圆形。 选择所绘圆形,然后选择"修改">"转换为元

在上一期的XML菜单的教程中,我们做了一个简单的纵向排列的XML文字菜单,并且在flash中附加了一个跟随鼠标的缩略图。缩略图的数据也是从XML中提取的。lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

在我们XML菜单教程的第二期,我们来解决另外一个问题。lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

我们都知道XML的方便,随意的更改,删除和添加数据。请注意,更改和删除还好,如果添加的话,这里就会有一个界面排版和用户使用的问题的。拿我们上一次的XML菜单来演示,我把我们的XML文件有添加了几十条内容,结果我们的XML菜单变成这样了:lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
http://www.keyframe1.com/tute/xmlMenu2/index2.htmlr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

下面的菜单看不到了,可能很多人马上已经想到了解决这种问题的办法。对!我们要让我们的用户可以滚动浏览我们的XML菜单,就像这样:lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
http://www.keyframe1.com/tute/xmlMenu2/lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

现在你可以看到所以XML文件里的几十条记录全部在舞台上,并可以让用户来滚动浏览。无论你如何修改XML文件,永远是鼠标放在菜单顶端会停留在菜单的第一条,当鼠标滑动至菜单的底端时会停留在菜单的最后一条,无论XML文件的纪录条数,如果很短,滚动会自然不存在,如果超出规定菜单高度,就会像刚才所说的那样的规律来滚动,即便XML中有1000条记录也如此。lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

由于是建立在上一期教程的基础上的,一些在上一期中重复使用了的代码就不再讲解了。上一期XML菜单教程地址: XML动态菜单 (一)lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

第一步, 分析项目:lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
  > 组成部分lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
      - XML文件;lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
      - FLASH源文件;lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
      - 缩略图JPG文件,50px X 50px 存放在 thumb文件夹;lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
  > 步骤lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
      - 要使XML菜单可以滚动,最简单的办法就是把所有装有XML菜单的影片剪辑都放在一个母影片剪辑中;lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
      - 计算出正确的等式;lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

第二步,开始建立我们需要的一些元素,并把它们摆到大概理想的位置:lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
  > 一个放所有装有XML菜单的影片剪辑的母影片剪辑,我们叫做mcontainer 150px宽,高340px;lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
  > 两个上下箭头,只是为了美观;lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
  > 把mcontainer 影片剪辑在工作去摆到(310, 30);lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

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

//这次我们添加了些新的变量由于计算方便需要lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
[Copy to clipboard]lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
CODE:lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
var menut:Number = 30; lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
var menul:Number = 300; lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
var menub:Number = 370; //菜单底部坐标lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
var menuw:Number = 150; //菜单宽度lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
var menuh:Number = menub - menut; //菜单在舞台显示高度 (也就是遮罩高度)lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
var home:MovieClip = this;lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
var mlh:Number = 20;lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
var tlh:Number = 60;lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
var speed:Number = 2;lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

//关于XML的读取我们就不再解释了,请参考上一期教程。我们直接进入本期教程的核心代码:鼠标滚动计算等式:lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
[Copy to clipboard]lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
CODE:lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
mcontainer.onEnterFrame = function()lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
{lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
    if(_root._xmouse > menul && _root._xmouse < (menul + menuw)) //当鼠标的滑动至菜单的舞台显示区域时激活滑动代码,我们不希望鼠标在舞台上任何地方移动时菜单都在滚动lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
    {lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        var per:Number = (_root._ymouse - menut) / menuh; //计算鼠标从菜单顶部向下滑动了多少?并处以菜单高度得出鼠标移动的百分比lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        var menuth:Number = mlh * numMenu; //利用菜单文字行距和XML记录总条数算出菜单实际高度lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        //滚动菜单原理是:鼠标从菜单顶部向下滑动了百分之多少,菜单就相应的向上移动自己实际高度的百分之多少,然后再加上鼠标向下移动的实际像素数。呵呵,慢慢琢磨下应该不难理解,实在是没有更简单的解释方法,本身就是那么个单纯的事情lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        mcontaindy = menut - menuth * per + menuh * per;lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        mcontainoldy = this._y;lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        this._y += (mcontaindy - mcontainoldy) / speed;lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        if(_root._ymouse < menut)mcontainer._y = menut; //如果鼠标小于菜单顶部坐标,把菜单坐标写死到顶部坐标;lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
        if(_root._ymouse > menub)mcontainer._y = menut - menuth + menuh; //同样如果鼠标大于菜单底部坐标,把菜单坐标写死到底部坐标;lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
    }lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧
}lr5网页模板,帝国cms模板,网站模板免费下载,做网站首选站长魔吧

分享: Flex Chart 选择区域缩放代码
功能: 在Chart上拖拉一个矩形范围可对单个或多个数据系列进行缩放; 在Chart上双击将恢复到缩放前的状态。点击此处查看本实例的效果,点击此处下载本实例的源码。从本质上

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

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