灯火互联
管理员
管理员
  • 注册日期2011-07-27
  • 发帖数41778
  • QQ
  • 火币41290枚
  • 粉丝1086
  • 关注100
  • 终身成就奖
  • 最爱沙发
  • 忠实会员
  • 灌水天才奖
  • 贴图大师奖
  • 原创先锋奖
  • 特殊贡献奖
  • 宣传大使奖
  • 优秀斑竹奖
  • 社区明星
阅读:3195回复:0

Flash动态柱状图表制作原理剖析

楼主#
更多 发布于:2011-09-01 03:02
本文我们就Flash动态柱状图表的制作原理做一个剖析。
  1、外部xl.txt内容:

        num0=480;num1=320;num2=500;num3=200; //柱状高度来源

  2、主场景第一帧上放四个实例名称分别是mc0、mc1、mc2、mc3的电影实例。

  3、主场景第一帧上增加代码:
    
    System.useCodepage = true;//除乱码
    var xl = new LoadVars();//创建 LoadVars 对象的实例
    xl.load("xl.txt");//引导外部文本中的变量
    xl.onLoad = function(suc) {
     if (suc) {
        nums = [xl.num0, xl.num1, xl.num2, xl.num3];//外部文本中的变量存入数组中
     }
    };
    for (var i = 0; i<=3; i++) {
      _root["mc"+i]._yscale = 10;//初始缩放比例
      _root["mx"+i] = _root["mc"+i]._x;//存贮初始坐标值
      _root["my"+i] = _root["mc"+i]._yscale;//存贮初始缩放值
    }
    this.onEnterFrame = function() {
     for (var i = 0; i<=3; i++) {
       _root["mc"+i]._yscale = _root["my"+i]*nums;//显示缩放变化
       _root.createEmptyMovieClip("mytxt"+i, i*2);//创建电影实例四个用于下句中绑定库中的动态文本
       _root["mytxt"+i].attachMovie("txtmc", "txt"+i, 1000, {_x:_root["mx"+i], _y:(Math.round(Number(_root["mc"+i]._y-nums*(0.3))))});//
       _root["mytxt"+i]["txt"+i].t.text = nums;//显示动态数值
      }
    };
 

喜欢0 评分0
游客

返回顶部