AS3学习之路(4) 绘图板示例(0 位领导批示)-银子 ’s 博客-工作手记

AS3学习之路(4) 绘图板示例(0 位领导批示)

2009-07-27
分类：ActionScript
作者：银子
1,329 位领导视察

很简单的小例子..主要需要掌握的是绘制图形的 drawRect, lineStyle, moveTo, lineTo等方法..鼠标事件侦听的重要性就不再复述.

p.s. cookbook的确是很好的入门书籍.全是实例.^_^

^?View Code ACTIONSCRIPT

package
{
	import flash.display.Sprite;
	import flash.events.MouseEvent;
 
	public class ClassGraphics extends Sprite
	{
		private var mySprite:Sprite;
 
		// 构造函数
		public function ClassGraphics()
		{
			this.mySprite = new Sprite();
			addChild(this.mySprite);
			this.mySprite.graphics.beginFill(0x336699);
			this.mySprite.graphics.drawRect(0, 0, 550, 400);
			this.mySprite.graphics.endFill();
			this.mySprite.addEventListener(MouseEvent.MOUSE_DOWN, spriteMouseDown);
			this.mySprite.addEventListener(MouseEvent.MOUSE_UP, spriteMouseUp);
		}
 
		// 鼠标按下事件
		private function spriteMouseDown(event:MouseEvent):void
		{
			this.mySprite.graphics.lineStyle(1, 0, 1);
			this.mySprite.graphics.moveTo(mouseX, mouseY);
			this.mySprite.addEventListener(MouseEvent.MOUSE_MOVE, spriteMouseMove);
		}
 
		// 鼠标离开事件
		private function spriteMouseUp(event:MouseEvent):void
		{
			this.mySprite.removeEventListener(MouseEvent.MOUSE_MOVE, spriteMouseMove);
		}
 
		// 移动事件
		private function  spriteMouseMove(event:MouseEvent):void
		{
			this.mySprite.graphics.lineTo(mouseX, mouseY);
		}
	}
}