用Flash AS3制作统计饼图动画效果

日期：2007年8月21日作者：查看:[大字体中字体小字体]

说明：点击的蓝色按钮可以画出各种饼图，点击饼图中不同色块可以观看效果。

代码如下： /**
* @class:DrawPieGraph(画饼状图)
* @author:ycccc8202
* @date:2007.8.16
* @example:
* import com.ycccc.Graphics.*;
* var dataList:Array=[10,10,10,100,10,10,10,100];
* var pie:DrawPieGraph=new DrawPieGraph(200,200,150,90,15,dataList,[0xFF0F00,0xFF6600,0xFF9E01,0xFCD202,0xF8FF01,0xB0DE09,0x04D215,0x0D8ECF],.7);
* addChild(sprite);
*/
package com.ycccc.Graphics{
import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;
import flash.display.MovieClip;
import flash.display.Sprite;
import flash.display.Shape;
import flash.display.Graphics;
import flash.events.MouseEvent;
public class DrawPieGraph extends MovieClip {

//存放shape对象
private var __contain:Object;
//设置角度从-90开始
private var R:int=-90;
private var D:uint=20;
private var _shape:Shape;
//初始饼图的圆心位置
private var _x0:Number;
private var _y0:Number;
//椭圆饼图的长轴与短轴长度
private var _a:Number;
private var _b:Number;
//饼图的厚度
private var _h:Number;
//透明度
private var _alpha:Number
//数据列表
private var _dataList:Array;
private var _colorList:Array;
private var _angleList:Array;
private var _depthList:Array;
//
/**
*@param:x0......>圆心x坐标
*@param:y0......>圆心y坐标
*@param:a......>长轴
*@param:b......>短轴
*@param:h......>厚度
*@param:dataList......>数据列表
*@param:dataList......>颜色列表
*@alpha:Number......>透明度,默认为1.0
*/
public function DrawPieGraph(x0:Number,y0:Number,a:Number,b:Number,h:Number,
dataList:Array,colorList:Array,alpha:Number=1.0) {
   _x0=x0;
   _y0=y0;
   _a=a;
   _b=b;
   _h=h;
   _alpha=alpha

   _dataList=dataList;
   _colorList=colorList;
   setAngleList();
   drawPie();
   setDepths();
}
private function setAngleList():void {
   _angleList=[];
   var totalData:int;
   var len:uint=_dataList.length;
   for (var j:uint=0; j < len; j++) {
    totalData+= _dataList[j];
   }
   for (j=0; j < len; j++) {
    if (j == len - 1) {
     _angleList.push([R,270]);
    } else {
     var r:uint=Math.floor(_dataList[j] / totalData * 360);
     var posR:int=R + r;
     _angleList.push([R,posR]);
     R=posR;
     trace(r+"___r");
     trace(R);
    }
   }
   trace(_angleList + ":::");
}
private function setDepths():void {
   _depthList=[];
   var len:uint=_angleList.length;
   for (var j:uint=0; j < len; j++) {
    var minJ:Number=_angleList[j][0];
    var maxJ:Number=_angleList[j][1];
    switch (true) {
     case minJ >= -90 && minJ <= 90 && maxJ<=90 :
      _depthList[j]=minJ;
      break;
     default :
      _depthList[j]=1000-minJ;
    }
   }//end for
   trace(_depthList + "::::_depthList");
   _depthList=_depthList.sort(Array.NUMERIC Array.RETURNINDEXEDARRAY);
   trace(_depthList);
   for (j=0; j<len; j++) {
    setChildIndex(__contain["shape"+_depthList[j]],j);
   }
}
private function drawPie():void {
   __contain={};
   var len:uint=_angleList.length;
   var step:uint=1;
   for (var j:uint=0; j < len; j++) {
    __contain["shape"+j]=new MovieClip;
    //设置中心角，方便以下进行点中移动
    __contain["shape"+j].r=(_angleList[j][0]+_angleList[j][1])/2;
    __contain["shape" + j].addEventListener(MouseEvent.MOUSE_DOWN,onMouseDownX);
    addChild(__contain["shape"+j]);
    var drakColor:uint=getDarkColor(_colorList[j]);//深色
    var g:Graphics=__contain["shape"+j].graphics;
    //g.lineStyle(1);
    //先画底
    //内弧
    g.beginFill(_colorList[j],_alpha);
    g.moveTo(_x0,_y0+_h);
    var r:Number=_angleList[j][0];
    var minR:Number=r;
    var maxR:int=_angleList[j][1];
    while (r + step < maxR) {      g.lineTo(getRPoint(_x0,_y0 + _h,_a,_b,r).x,getRPoint(_x0,_y0 + _h,_a,_b,r).y);
     r+= step;
    }
    g.lineTo(getRPoint(_x0,_y0 + _h,_a,_b,maxR).x,getRPoint(_x0,_y0 + _h,_a,_b,maxR).y);
    //
    g.endFill();
    //画内侧面
    g.beginFill(drakColor,_alpha);
    g.moveTo(_x0,_y0+_h);
    g.lineTo(getRPoint(_x0,_y0 + _h,_a,_b,minR).x,getRPoint(_x0,_y0 + _h,_a,_b,minR).y);
    g.lineTo(getRPoint(_x0,_y0,_a,_b,minR).x,getRPoint(_x0,_y0,_a,_b,minR).y);
    g.lineTo(_x0,_y0);
    g.endFill();
    //画外侧面
    g.beginFill(drakColor,_alpha);
    g.moveTo(_x0,_y0+_h);
    g.lineTo(getRPoint(_x0,_y0 + _h,_a,_b,maxR).x,getRPoint(_x0,_y0 + _h,_a,_b,maxR).y);
    g.lineTo(getRPoint(_x0,_y0,_a,_b,maxR).x,getRPoint(_x0,_y0,_a,_b,maxR).y);
    g.lineTo(_x0,_y0);
    g.endFill();
    //画外弧侧面
    g.beginFill(drakColor,_alpha);
    //g.lineStyle(1);
    g.moveTo(getRPoint(_x0,_y0 + _h,_a,_b,minR).x,getRPoint(_x0,_y0 + _h,_a,_b,minR).y);
    g.lineTo(getRPoint(_x0,_y0,_a,_b,minR).x,getRPoint(_x0,_y0,_a,_b,minR).y);
    r=minR;
    while (r + step < maxR) {
     r+= step;
     g.lineTo(getRPoint(_x0,_y0,_a,_b,r).x,getRPoint(_x0,_y0,_a,_b,r).y);
    }
    g.lineTo(getRPoint(_x0,_y0,_a,_b,maxR).x,getRPoint(_x0,_y0,_a,_b,maxR).y);
    g.lineTo(getRPoint(_x0,_y0 + _h,_a,_b,maxR).x,getRPoint(_x0,_y0 + _h,_a,_b,maxR).y);
    while (r - step > minR) {
     g.lineTo(getRPoint(_x0,_y0 + _h,_a,_b,r).x,getRPoint(_x0,_y0 + _h,_a,_b,r).y);
     r-= step;
    }
    g.lineTo(getRPoint(_x0,_y0 + _h,_a,_b,minR).x,getRPoint(_x0,_y0 + _h,_a,_b,minR).y);
    g.endFill();
    //画上表面
    g.beginFill(_colorList[j],_alpha);
    g.moveTo(_x0,_y0);
    r=minR;
    while (r + step < maxR) {

     g.lineTo(getRPoint(_x0,_y0,_a,_b,r).x,getRPoint(_x0,_y0,_a,_b,r).y);
     r+= step;
    }
    g.lineTo(getRPoint(_x0,_y0,_a,_b,maxR).x,getRPoint(_x0,_y0,_a,_b,maxR).y);
    g.endFill();
   }
}
private function onMouseDownX(e:MouseEvent):void {
   var TG:MovieClip=e.target as MovieClip;
   var posX:int=getRPoint(0,0,D,D,TG.r).x;
   var posY:int=getRPoint(0,0,D,D,TG.r).y;
   if (TG.x==0 TG.y==0) {
    TG.removeEventListener(MouseEvent.MOUSE_DOWN,onMouseDownX);
    var tween1=new Tween(TG,"x",Bounce.easeOut,0,posX,1,true);
    var tween2=new Tween(TG,"y",Bounce.easeOut,0,posY,1,true);
    tween1.addEventListener(TweenEvent.MOTION_FINISH,onMotionFinish);
   } else {
    TG.removeEventListener(MouseEvent.MOUSE_DOWN,onMouseDownX);
    var tween3=new Tween(TG,"x",Bounce.easeOut,TG.x,0,1,true);
    var tween4=new Tween(TG,"y",Bounce.easeOut,TG.y,0,1,true);
    tween3.addEventListener(TweenEvent.MOTION_FINISH,onMotionFinish);
   }
}
private function onMotionFinish(e:TweenEvent):void {
   var TG:MovieClip=e.currentTarget.obj as MovieClip;
   TG.addEventListener(MouseEvent.MOUSE_DOWN,onMouseDownX);
}
private function getDarkColor(color:uint):uint {
   var r:uint=color >> 16 & 0xFF / 1.3;
   var g:uint=color >> 8 & 0xFF / 1.3;
   var b:uint=color & 0xFF /1.1;
   return r << 16 g << 8 b;
}
private function getRPoint(x0:Number,y0:Number,a:Number,b:Number,r:Number):Object {
   r=r * Math.PI / 180;
   return {x:Math.cos(r) * a + x0,y:Math.sin(r) * b + y0};
}
public function get contain():Object {
   return __contain;
}
}
}

（出处：急速软件下载学院）

用Flash AS3制作统计饼图动画效果相关文章：
·Flash制作交互动画教程星座查询器
·Coreldraw结合 R.A.V.E 制作动画
·Flash与Photoshop合作制作模糊渐变动画
·再谈用Flash引导线制作爱心图案动画
·Flash用鼠标控制图片移动效果动画教程
·Flash引导线制作爱心图案动画
·Flash引导线制作爱心图案动画
·Flash教程之打造窗之恋音乐动画
·回忆曾经的童年纯朴天真的画面
·AutoCAD三维造型：弹簧的简单画法
用Flash AS3制作统计饼图动画效果相关软件
·【连环画】铁道游击队 01 血染洋行（沪美版）
·《蜀山OL》漫画第二期
·《仙剑奇侠传四》宣传动画第二版
·《宝岛Z 红胡子的秘宝》新游戏画面
·X360《剑豪 ZERO》最新视频画面
·《鬼泣4》E32007官方游戏画面视频
·《超级马里奥银河》新视频及画面公布
·名画典藏系列-中国绘画之神仙篇
·顶级画面《虚幻竞技场3》震撼截图
·回味经典《星际争霸：母巢之战》开场动画

上一篇:基于OpenGL的三维曲面数据场动态显示

下一篇:关于奇虎360误杀金山毒霸升级程序的声明

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

用Flash AS3制作统计饼图动画效果

精品推荐

热点TOP10

特别推荐