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


		达达首页 \| 设计教程 \| 辅助工具 \| 字体字库 \| 素材贴图 \| 非主流 \| PS 笔刷 \| 签名模版 \| 网页模版 \| 达达贴吧
				设为首页加入收藏联系我们
		PhotoShop 教程 \| Illustrator 教程 \| CorelDraw 教程 \| FireWorks 教程 \| 3D MAX 教程 \| MAYA 教程 \| Flash 教程 \| After Effects 教程

最新更新

Flash动画概述、影…	教你如何去掉网页…
入门：Flash制作圆…	网页Flash动画文件…

您现在的位置：达达派 >> 教程中心 >> FLASH教程 >> 基础篇 >> 教程正文

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

作者：佚名文章来源：网络采集点击数：更新时间：2007-4-3 16:54: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[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];//显示动态数值
　　　　　 }
　　　　};

上一篇教程： Flash 8 鲜为人知的特性细节图解

下一篇教程：在线设计制作Flash立体相册

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

技术交流：71125455（平面）、545534707（三维），业务合作：71125455