ActionsScript 3.0简易涂鸦板

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

 

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

 

解决办法:

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

ActionsScript 3.0简易涂鸦板

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

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

ActionsScript 3.0简易涂鸦板

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

ActionsScript 3.0简易涂鸦板

 

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

private var button:Button;

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

 

点击下载flash cs4 swc组件>>

 

 

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

ActionsScript 3.0简易涂鸦板

 

 

上代码:

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);
		}
		
	}
	
}
上一篇:MAC OS Finder 中快速定位指定路径


下一篇:Web 新平台 “airoot-uisys” 释放前端开发活力