使用XML +ActionScript 3创建图形统计条

2010-05-05 09:59 稿源:www.ittxh.cn  0条评论

简要概述:

我们将使用ActionScript 3从XML文件得到所需的数据,然后显示到图像统计条里。

第一步:

打开flash,创建一个新的flash文档,设置文档属性宽高位600x300,设置为灰色背景。由于我们的统计条完全由AS建立,所以你只需要建立这一个舞台即可

第二步:

打开你喜欢的XML编辑器,或任何一个文本编辑器,添加以下代码:

  1. view plaincopy to clipboardprint?  
  2. <?xml version="1.0"?>    
  3.     <graphs width="50">    
  4.         <graph name="Yellow" value="50" color="0xFDC13E"/>    
  5.         <graph name="Blue" value="80" color="0x25B7E2"/>    
  6.         <graph name="Green" value="30" color="0xB8CF36"/>    
  7.         <graph name="Red" value="10" color="0xE7473F"/>    
  8.     </graphs>   
上面这是我们将要用XML得到的数据 ,看看他的属性
 
宽度:每个统计条的宽度
名称:元素的名称
值:该统计条的值,将显示在每个统计条的顶部
颜色:该统计条的颜色
我们可以根据自己的需要来改变他们
 
第三步,ActionScript!
 
在你的类目录,创建一个新的ActionScript文件,保存为"Graph.as"。
 

第四步,导入必要的类:

下面是我们所需要导入的类

  1. view plaincopy to clipboardprint?  
  2. import fl.transitions.Tween;     
  3. import fl.transitions.easing.Strong;     
  4. import flash.display.Sprite;     
  5. import flash.text.TextField;     
  6. import flash.text.TextFormat;     
  7. import flash.text.TextFieldAutoSize;     
  8. import flash.net.URLLoader;     
  9. import flash.net.URLRequest;     
  10. import flash.events.Event; 

第五步,定义变量:

  1. view plaincopy to clipboardprint?  
  2. private var graphContainer:Sprite = new Sprite();     
  3. private var xmlFile:XML; //The XML Object to parse the XML file     
  4. private var urlLoader:URLLoader = new URLLoader(); //The file loader     
  5. private var totalBars:int; //Stores the number of bars of the graph     
  6.     
  7. private var tween:Tween; //A Tween object for animation     
  8. private var tf:TextFormat = new TextFormat(); //TextFormat   

第六步,结构:

  1. view plaincopy to clipboardprint?  
  2. public function Graph():void    
  3. {     
  4.     /* Text Format */    
  5.     
  6.     tf.color = 0x666666;     
  7.     tf.size = 12;     
  8.     tf.font = "Helvetica";         
  9.     createGraphContainer();     
  10.     loadXML();     
  11.     createBars();     
  12. }

有好的文章希望站长之家帮助分享推广,猛戳这里我要投稿

相关文章

相关热点

查看更多