FLEX各种形状绘图例子

根据提供的文件信息，我们可以深入探讨 FLEX 中图形绘制的相关知识点，包括如何利用 ActionScript 进行基本图形的绘制。此文档适用于初学者了解并掌握在 FLEX 中如何使用 ActionScript 绘制各种形状。 ### 一、FLEX 中图形绘制的基础类 #### 1. GDI 类（Graphics Drawing Interface） `GDI` 类可以看作是图形绘制的一个接口，它提供了绘制线条、填充图形等基础功能。此类中包含了一些关键方法，如 `line()` 和 `fill()`，它们分别用于绘制线条和填充图形。 - **line() 方法**：该方法接收一个 `Pen` 对象和一个 `AbstractDraw` 对象作为参数。通过设置画笔样式、颜色和透明度来绘制线条。 - **fill() 方法**：用于填充图形。同样接收一个 `Brush` 对象和 `AbstractDraw` 对象作为参数。首先设置填充样式，然后绘制图形，并最终结束填充过程。 #### 2. AbstractDraw 类 这是一个抽象基类，所有具体的图形绘制类都应该继承自这个类。它提供了一个统一的接口来处理不同的图形绘制需求。 - **target 属性**：表示当前绘制的目标对象，通常是一个 `MovieClip` 实例。 - **draw() 方法**：这是个抽象方法，需要由子类实现。该方法用于定义具体的绘制逻辑。 ### 二、具体图形绘制类 #### 1. Line 类（直线） `Line` 类继承自 `AbstractDraw` 类，用于绘制直线。 - **构造函数**：接受四个参数 `x1`, `y1`, `x2`, `y2` 分别表示线段的起始点坐标和终点坐标。 - **draw() 方法**：实现具体的绘制逻辑，调用 `lineFunc()` 方法绘制直线。 ##### lineFunc 方法 此方法接受四个参数 `x1`, `y1`, `x2`, `y2`，用于实际绘制线段。 ```actionscript private function lineFunc(x1:Number, y1:Number, x2:Number, y2:Number):void { _target.moveTo(x1, y1); // 移动到起点 _target.lineTo(x2, y2); // 绘制到终点 } ``` #### 2. Rect 类（矩形） `Rect` 类同样继承自 `AbstractDraw` 类，用于绘制矩形。 - **构造函数**：接受四个参数 `x`, `y`, `w`, `h` 分别表示矩形左上角坐标、宽度和高度。 - **draw() 方法**：实现具体的绘制逻辑，调用 `rectFunc()` 方法绘制矩形。 ##### rectFunc 方法 此方法接受四个参数 `x`, `y`, `w`, `h`，用于实际绘制矩形。 ```actionscript private function rectFunc(x:Number, y:Number, w:Number, h:Number):void { _target.moveTo(x, y); // 移动到起点 _target.lineTo(x + w, y); // 绘制到右边 _target.lineTo(x + w, y + h); // 绘制到底边 _target.lineTo(x, y + h); // 绘制到左边 _target.lineTo(x, y); // 闭合路径 } ``` #### 3. Poly 类（多边形） `Poly` 类继承自 `AbstractDraw` 类，用于绘制多边形。 - **构造函数**：接受多个坐标点，用于构建多边形的各个顶点。 - **draw() 方法**：实现具体的绘制逻辑，调用 `polyFunc()` 方法绘制多边形。 ##### polyFunc 方法 此方法负责根据传入的坐标点绘制一个多边形。 ### 三、图形绘制实例 接下来，我们可以看看具体的绘制实例： 1. **绘制一条直线**：创建 `Line` 实例，设置画笔样式，并调用 `GDI` 的 `line()` 方法。 2. **绘制一个矩形**：创建 `Rect` 实例，设置填充样式，并调用 `GDI` 的 `fill()` 方法。 3. **绘制一个多边形**：创建 `Poly` 实例，设置填充样式，并调用 `GDI` 的 `fill()` 方法。 以上就是 FLEX 中使用 ActionScript 进行图形绘制的基本方法和步骤。通过对这些类和方法的理解与应用，初学者可以快速掌握 FLEX 中的图形绘制技术，并能够绘制出更多复杂的图形。