• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >flash > flash制作随着输入数据的变化而变化的柱形图

flash制作随着输入数据的变化而变化的柱形图

作者:tzyzxxdjzx 字体:[增加 减小] 来源:互联网 时间:2017-05-24

tzyzxxdjzx 向大家分享了flash制作随着输入数据的变化而变化的柱形图,其中包含flash制作随着输入数据的变化而变化的柱形图等知识点,遇到此问题的同学们可以参考下

柱形图在我们日常工作中经常用到,它反映的是事物的大小多少或者是具体数目,柱形图能够直观的透视数据,让人一目了然,今天小编在这里就跟大家交流一下如何使用flash制作随着输入数据的变化而变化的柱形图,来看看吧。

如何制作柱形图

如何制作柱形图

步骤

启动flash cs5,在新建中选择actionscript2.0文件,设置大小为550*400,帧频为12fps,背景颜色设置为#00cc00.将文件保存为名称为“柱形图”。

如何制作柱形图

执行文件-导入-导入到库命令将事先准备好的”biaochi“图片导入到库中,执行窗口-公共库-按钮命令,选择一个按钮导入到库中。

如何制作柱形图

执行窗口-组件命令,打开组件对话框找到textinput组件,鼠标左键按住拖拽到库中。

如何制作柱形图

执行插入-新建元件命令,新建一个名称为z1图形元件,在工具箱里选择矩形工具,设置其笔触颜色为无,填充颜色为#669900,在编辑区域绘制一个长方形。

如何制作柱形图

执行插入-新建元件命令,新建一个名称为z2的影片剪辑文件,并将库中的图形元件z1拖拽到编辑区域,将其高度设置为1.

如何制作柱形图

执行插入-新建元件命令,新建一个名称为p的影片剪辑文件,将库中的biaochi图片拖拽到编辑区域,选择工具箱里的任意变形工具将其进行调整。

如何制作柱形图

点击场景进行返回,选择工具箱里文本工具,在舞台中建立12个文本一月到12月,并调整其位置使他们排列尽可能美观。

如何制作柱形图

新建图层2,选择库中的textinput拖拽到舞台中,连续拖拽12次,将其和相应的月份对应起来,接着把库中的按钮也拖拽到舞台中,并调整他们的位置。选择第二帧插入关键帧,分别修改textinput的实例名称为a1-a12。

如何制作柱形图

右键单击按钮在下拉菜单中选择动作,在动作面板中输入代码,新建图层3,同样在第二帧处插入关键帧,在工具箱里选择矩形工具,设置笔触颜色为无,填充颜色为#00FF99,在舞台中绘制一个矩形,大小设置为550*400,并设置全居中。

如何制作柱形图

新建图层4,选择第二帧处插入关键帧,将库中的元件p拖拽到舞台左侧设置左对齐、下对齐,修改其实例名称为biaochi。在下面输入1-12月。

如何制作柱形图

新建图层5,将库中的元件z2拖拽到舞台12次,分别放置为月份的上方,并将其对于起来,并且依次修改其实例名称为b1-b12。

如何制作柱形图

新建图层6选择第一帧处打开动作面板,输入代码

stop();

for (i=1; i<13; i++) {

setProperty(i, _alpha, 0);

}

setProperty("biaochi", _y, 370);选择第二帧插入关键帧然后输入代码。按ctrl+s保存,接着按ctrl+enter进行测试。

如何制作柱形图

如何制作柱形图

以上就是flash制作随着输入数据的变化而变化的柱形图方法介绍,操作很简单的,大家学会了吗?希望这篇文章能对大家有所帮助!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-24flash怎么使用任意变形工具绘制图形?
  • 2017-05-24falsh as TweenLite参数说明
  • 2017-05-24flash中怎么插入并编辑文字字体样式?
  • 2017-05-24flash怎样旋转和倾斜对象?
  • 2017-05-24Flash光特效制作综合分析教程
  • 2017-05-24Flash 简单制作翻页的时钟动画
  • 2017-05-24Flash简单制作光晕动画效果
  • 2017-05-24Flash AS 入门教程 圆和椭圆函数的应用
  • 2017-05-24FLASH怎么导入源文件播放动画预览效果?
  • 2017-05-24Flash AS3 制作文字飞出动画

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • flash制作3D旋转地球的GIF动态效果
    • 教大家如何利用Flash快速制作一个复制功能键
    • Flash组件教程:组件动画效果的修改
    • Flash AS3入门教程:用帧循环制作匀速运动
    • Flash制作跟随鼠标旋转的星星动画效果
    • SWC让AS3代码更不安全
    • flash简单制作一把漂亮的羽毛扇
    • flash怎么绘制宝蓝色的卡通小猪?
    • 用Flash怎么打造空心字体呢?
    • flash 减肥教程

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有