柱形图在日常工作中经常用到。它反映了事物的大小或具体数量。柱形图可以直观的看透数据,让人一目了然。在这里,我们来谈谈如何使用flash制作随输入数据变化的柱形图。让我们看一看。
步骤
启动flash cs5,在New中选择actionscript2.0文件,设置大小为550*400,帧率为12fps,背景色为#00cc00。将文件另存为“柱形图”。
执行文件-导入-导入到库中命令,将准备好的“标池”图片导入到库中,执行窗口-公共库-按钮命令,选择一个按钮导入到库中。
执行window-component命令,打开组件对话框找到textinput组件,用鼠标左键拖动到库中。
执行Insert-New Component命令,创建一个名为z1的新图形组件,在工具箱中选择矩形工具,将其描边颜色设置为None,填充颜色设置为#669900,在编辑区绘制一个矩形。
执行Insert-New Component命令,新建一个名为z2的电影剪辑文件,将库中的图形组件z1拖放到编辑区域,并将其高度设置为1。
执行插入-新建组件命令,新建一个名为P的电影剪辑文件,将库中的标池图片拖放到编辑区,在工具箱中选择任意变形工具进行调整。
点击场景返回,选择工具箱中的文本工具,在舞台上创建1月到12月的12个文本,调整它们的位置,使它们排列得尽可能漂亮。
新建图层2,从库中选择textinput,拖动到舞台上。连续拖动12次以对应相应的月份。然后将按钮从库中拖到舞台上,并调整它们的位置。选择第二帧插入关键帧,将textinput的实例名分别修改为a1-a12。
右键单击按钮,从下拉菜单中选择动作,在动作面板中输入代码,创建一个新的第3层,并在第二帧插入关键帧。在工具箱中选择矩形工具,设置描边颜色为无,填充颜色为#00FF99。在舞台上画一个矩形,设置大小为550*400,设置整个中心。
新建图层4,选择第二帧插入的关键帧,将库中的元素P拖动到舞台左侧,设置左对齐和下对齐,将其实例名改为biaochi。在下面输入一月到十二月。
新建一个图层5,将库中的元素z2拖放到舞台上12次,放置在月份的顶部,对齐,依次将其实例名改为b1-b12。
新建图层6选择第一帧打开动作面板,输入代码。
stop();
for(I=1;i13i ) {
setProperty(i,_alpha,0);
}
setProperty('biaochi '_y,370);选择第二帧以插入关键帧并输入代码。按ctrl s保存,然后按ctrl enter测试。
以上是用flash制作随输入数据变化的柱形图的方法介绍。操作很简单。你学会了吗?希望这篇文章能对大家有所帮助!