您现在的位置是: 软件 > 设计在线 > Flash > 实例剖析 > 正文
·速成电脑精英(包分配)白领高薪一族从这里开始


-P2P技术在中国
-Visual C++窗体设计技巧集
-金山表格2002与EXCEL使用对比
-让时间“个性飞扬”

Flash 制作动态饼图
2002-09-27· ·dofy··天极设计在线

1 2 3  下一页


  今天我们一起来制作一个动态的饼图,它可以根据我们输入的数据来计算每一部分的百分比并以饼图的形式显示,你甚至可以通过asp将其链接到数据库,放到网上做一个统计系统。

  制作方法并不复杂,关键是数值的计算和饼图的显示方法。

  饼图按百分比显示的原理大家都知道,所以要先根据输入计算出各个部分占整体的百分比,然后根据各部分所占的百分数付与相应角度的饼图。既然是百分比,我们不妨先将360度的饼图分成100份,那么每份就是3.6度,这样占5%的就给他5份,70%的就给他70份,依此类推。

  

  一、准备工作

  1、3.6度(1%)的饼图的制作

  这是饼图中最基本的部分,以后我们就靠复制它来完成整个饼图了。按Ctrl+F8新建一个Movie Clip符号,选择画圆工具,按住Shift拖出一个正圆;双击选中整个圆,设置其坐标为(0,0);再选择直线工具,画一条水平线,同样设置其坐标为(0,0),这样得到图1的效果。



  选中水平线,执行复制/粘贴操作,按Ctrl+Alt+S弹出Scale And Rotate(缩放与旋转)对话框(图2),在Rotate文本框中填入数值4(比3.6稍大,这样可以避免复制后出现缝隙)确定后出现类似图3的形状。




  然后按Ctrl+A全选,再按住Shift单击图4中绿色的部分将其排除,最后删除选中的部分,这样就得到了我们需要的1%的那部分饼图了(图5).


  

  2、文本框及其他部分的制作

  再 Ctrl+F8 新建一个Button(按钮)符号,然后回到场景(Ctrl+E),用矩形工具画一个正方形。复制出4个,将它们排列好,并分别以绿、红、蓝、黄、青各色进行填充(请暂时按照我给出的颜色顺序排列)。

  在每个正方形后面再分别放置两个文本框,均显示边框(参看图6)。

  前面一列的文本框是我们的输入框,属性为Input Text(输入文本),var(变量)分别为t1~t5,在文本框中输入初始值1。




  单击图6中的字符属性按钮,弹出字符属性对话框(图7),选择only中的Numbers (0-9)复选框,并在输入框中输入小数点".",确定,这样这个文本框就只能输入数字了。




  后面一列的文本框用来显示每次变化的所占比例,我们将这几个文本框属性设置为 Dynamic Text(动态文本),变量分别为tt1~tt5,其他属性不需要修改。最后将1%的饼图MC和执行按钮拖入场景中,并将饼图MC命名为basic

  在场景中放一个确认按钮,比如这里的"DONE"。下面开始AS代码的编写。

1 2 3  下一页

【责任编辑:Shiny】
【发表评论】【关闭窗口】
■ 相关内容
 Flash广告实例剖析:动感酷车
 Flash MX组件运用实例
 简单漂亮的Flash夜空繁星
 Flash放大镜效果深入改进
 Flash实例:地下室的幽灵火焰
 轻松打造Flash帧速率测试器
 Flash制作可拖动的下拉菜单
 Flash互动动画剖析:惯性模拟
 SWF文件结构大解剖
 Flash影片的倒转播放控制
 Freehand和Flash的结合应用
 全Flash网站制作剖析
 轻松实现Flash动态背景
 Flash与网页脚本之间的数值传递
 Flash动画制作技巧
 Flash游戏制作规划与流程漫谈
 Flash游戏制作常用代码解析
感谢 访问天极网,如果您觉得该文章涉及版权问题,请看这里!