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

您现在的位置：圆点视线 >> 教程 >> flash教程 >> 实例教学 >> 文章正文

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

★★★

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

作者：DEDS深度　文章来源：DEDS深度　点击数：　更新时间：2007-8-19 11:11:43　

　页面功能：【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

【字体：小大】

本文我们就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[i];//显示缩放变化
　　　　　　_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[i]*(0.3))))});//
　　　　　　_root["mytxt"+i]["txt"+i].t.text = nums[i];//显示动态数值
　　　　　 }
　　　　};

　【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】　文章录入：Rainsion 责任编辑：Rainsion 　【字体：小大】

上一篇文章： Flash AS制作上升的水泡效果动画

下一篇文章： Flash+ASP实现电子互动地图在线标注功能