ActionsScript 3.0简易涂鸦板

使用的编辑器是FlashDevelop(汉化版)

 

需要注意的是，该例子使用到了Button （属于flash cs3/cs4 中fl组件，位于fl.controls包下，而此编辑器默认不包含fl包）

 

解决办法：

1、在flash cs3/cs4中新建一个fla文件，打开组件库（快捷键Ctrl+F7） 将需要用到的组件拖到舞台，如下图：

2、打开菜单栏中“文件”——》“发布设置”（快捷键Ctrl+Shift+F12）

选中flash项，勾选 “导出swc”

3、保存fla，ctrl+enter 导出影片，在该fla文件同级目录下会有一个同名的且后缀名为.swc的文件，将此文件copy并粘贴至FlashDevelop中bin目录下，默认为正常色，右击选中该swc组件包，点击选中“Add To Library”

 

代码中就可以使用Button组件了

private var button:Button;

button = new Button;
button.label = "点击清空舞台";
addChild(button);
button.addEventListener(MouseEvent.CLICK, onclickHandler);

 

点击下载flash cs4 swc组件>>

 

 

下面就是coding了，在Main.as类中输入下面的代码，保存并运行即可看到效果 ^_^

 

 

上代码：

package 
{
	import fl.controls.Button;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.events.MouseEvent;
	
	/**
	 * ...
	 * @author ZhangYi
	 */
	public class Main extends Sprite 
	{
		private var button:Button;
		
		public function Main():void 
		{
			if (stage) init();
			else addEventListener(Event.ADDED_TO_STAGE, init);
		}
		
		private function init(e:Event = null):void 
		{
			removeEventListener(Event.ADDED_TO_STAGE, init);
			
			graphics.lineStyle(1, 0, 1);
			
			//创建button并监听其MouseEvent.CLICK事件
			button = new Button;
			button.label = "点击清空舞台";
			addChild(button);
			button.addEventListener(MouseEvent.CLICK, onclickHandler);
			
			//监听舞台的MouseEvent.MOUSE_DOWN、MouseEvent.MOUSE_UP事件
			stage.addEventListener(MouseEvent.MOUSE_DOWN, onMouseDownHandler);
			stage.addEventListener(MouseEvent.MOUSE_UP, onMouseUpHandler);
		}
		
		private function onMouseDownHandler(event:MouseEvent):void {
			graphics.moveTo(mouseX, mouseY);
			
			stage.addEventListener(MouseEvent.MOUSE_MOVE, onMouseMoveHandler);
		}
		
		private function onMouseUpHandler(event:MouseEvent):void {
			stage.removeEventListener(MouseEvent.MOUSE_MOVE, onMouseMoveHandler);
		}
		
		private function onMouseMoveHandler(event:MouseEvent):void {
			graphics.lineTo(mouseX, mouseY);
		}
		
		private function onclickHandler(event:MouseEvent):void {
			graphics.clear();
			
			graphics.lineStyle(1, 0, 1);
		}
		
	}
	
}