Question

as3 动态文本 柱形图

RT。。。我想把动态文本里的数字转换成柱形图 比如说动态文本的里数字经过其他运算得出是3的时候，我想用3个正方形表示而不是数字，这个有方法可以实现吗~？求思路与代码~~~~~~

万分感谢~~

Answer 1

建个 AS文档内容如下

package  {
 import flash.display.MovieClip;
 import com.greensock .TweenLite
 import com.greensock .easing .*
 import flash.display.Sprite;
 
 public class ZhuBar extends MovieClip {
        private var _BarMc:Sprite
  private var _TargetPoint:int=200
  private var _MoveToTime:Number =0.25
  public function ZhuBar() {
   // constructor code
   init()
        }
  private function init(){
   _BarMc=new Sprite
   _BarMc.graphics .beginFill(0xfff000)
   _BarMc.graphics .drawRect (0,0,13,1)
   _BarMc.graphics .endFill ()
   this.addChild (_BarMc)
   TweenBar(_TargetPoint)
  }
  private function TweenBar(target:int){
   TweenLite.to(_BarMc,_MoveToTime,{scaleY:-target,ease:Cubic.easeInOut})
  }
  public function set setTargetPoint(p:int){
   _TargetPoint=p
   TweenBar(_TargetPoint)
  }
  

 }
 
}

建个主文件代码 如下，里面用到两个组建，你可以自己重新定义都无所谓

import flash.events.MouseEvent;

var myz:ZhuBar =new ZhuBar
myz.x=250
myz.y=380
comfirm.addEventListener(MouseEvent.CLICK,clickcom)
this.addChild (myz)
function clickcom(e:MouseEvent ){
 myz.setTargetPoint=int(shuru.text)
}

最后效果也发给你了 ，如果你想效果更好可以自己修改那个as 文件，可以让组装图的头头上面显示出来你的文本等等，文本会随着你的数字自己做个动画进行变化之类的,想起了有个com的包是个缓动类 你自己网上去下 多得很

追问

非常感谢您的回答~您做的柱状图swf就是我想要的~
我能再请问一下那个 import 的代码是干嘛的呀~？我刚开始接触as3代码还是看不太懂

追答

import 是 引入包的代码!具体用法你可以百度一下 比我说得清楚

Answer 2

可以实现 as3中有绘图类。 可以办到。用工厂方法生成多个实例的正方形。
你需要写一个绘制正方形的类，在写一个排列的类，用以排列正方形，在写一个动态文本转换的类。
当然也可以封装在一个类里面。

Answer 3

三个正方形如何排列，纵向还是横向？其他相关信息？

追问

形式上是像柱形图一样 所以正方形的排列是纵向的 比如说动态文本框里的数字每增加10，就会向上曾加多一个正方形