Flash绘图.docVIP

Flash快速入门：AS3编程 使用ActionScript 3的绘图命令 Adobe Flash Player 10（及其后续版本）为ActionScript中的程序化绘图功能提供了一组扩展的显示类支持。在这些新添图形类的帮助下，您现在有两种途径可以进行图形脚本的编辑： 基本的点到点式的命令集，用于绘制围绕图形边沿的线条以及填充图形。 一种新的，高级的绘图命令集，允许接受绘图属性的Vector（向量）对象（数组类型）作为参数 如果您感兴趣于使用有限数量的坐标系快速编辑简单图形，请使用flash.display.Graphics类中的基本绘图命令。 如果您计划使用许多坐标点来创建一个较为复杂的图形，或者想要通过编程方式来快速改变图形的点、颜色填充或者笔划的属性，亦或打算将成型的图形及其属性应用到其它图形中，那么请使用更高级的图形数据类和命令。 本文的焦点在于高级绘图API，但我们还是应该先看一个基本绘图API的例子，这对我们理解整个绘图API的发展历程很有帮助。 这篇文章并没有介绍到程序中能应用到的所有ActionScript类。如果想了解更多信息，请参阅ActionScript 3.0 Reference中的Adobe Flash Platform（Adobe Flash开发平台）以及ActionScript 3.0 Developers Guide（ActionScript 3.0 开发者指南）中的Using the drawing API（使用绘图API） 章节。 基本绘图命令 ActionScript 3通过使用Graphics 类，为我们提供了绘制直线和曲线功能。Graphics类*中的基本命令允许您定义线条类型，以及在一系列的点上移动线条，还有为图形填充颜色等。 示例 //定义线条类型 graphics.lineStyle(2,0x000000); //定义填充色 graphics.beginFill(0x666699) //设置线条起点 graphics.moveTo(10,10); //通过一系列坐标点移动线条 graphics.lineTo(10,100); graphics.lineTo(100,100); graphics.lineTo(100,10); // graphics.lineTo(10,10) 结果 注意：即使脚本将graphics.lineTo(10,10) 这条命令注释掉了，但是此图形仍然可以封闭并填充色彩。 Graphics 类也包括了一些用于渐变填充、位图填充、线条类型，以及比如圆和椭圆等特殊图形的API。但是如果您想绘制一个拥有许多坐标点的极其复杂的图形时，该怎么办呢？ 或许您需要定义一个笔划或者填充色彩以供您多次应用到同一项目中不同部分的图形中，亦或需要图形能够随着从函数或用户交互输入的数据动态地变化。您会看到，如果使用一长串的lineTo()命令以及精确的起始结束笔划和填充设置，绘制过程将会变得很难处理。所以，现在flash.display包中已包含了一些新类，允许您创建绘图数据对象并将其作为参数传递给一些新的Graphics类命令。 高级绘图命令 在基本绘图API中，您设置了线条类型和填充类型，同时开始使用一条条的命令来绘制图形直至最终成型。 在高级绘图API的帮助下，您可以建立用来描绘一个图形的所有数据（坐标、线条属性、填充属性等），然后使用单条绘图命令来处理数据和描绘图形。 这种数据驱动型的绘图API基于以下三个组成块： 绘图数据：像Graphics.lineTo()这样的绘图命令现在在GraphicsPathCommand类中被表示为常量（0~5）。您可以在一个数组——即被称为向量对象的类型数组——中存储一系列这样的常量。向量对象允许您将一组单一类型的数据捆绑到一起。然后，您就可以使用这些向量作为绘图命令的参数来描绘一个图形了。 绘图类型数据：绘图类型数据包括所有用来确定线条（笔划）、填充或轨迹的外形的属性集合，这些属性集合通过使用那些执行flash.display.IGraphicsData界面的类来确定上述的外形。执行了IGraphicsData 界面的类可以创建含有将要用到的笔划、填充或轨迹信息在内的对象。 例如，您可以使用GraphicsGradientFill类*创建一个具有渐变填充属性的对象。请注意，GraphicsGradientFill类的属性与您在基本绘图API中用作Graphics.beginGradientFill()函数的参数十分相似。同时也要注意的是，其它执行IGraphicsData的类也相当于基本绘图API中的一些现有函数。在ActionScript 3.0 Developers Guide中的Using graph