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);
		}
		
	}
	
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏向治洪

React Native ios开发第一课

前言 本篇文章的作用在于帮助你快速上手使用React Native编写iOS应用。如果你现在还不太了解React Native是什么以及Facebook为什么...

23380
来自专栏菩提树下的杨过

Asp.Net4.0/VS2010新变化(6):内置的图表控件

.net4.0以前,要想在网页上画个饼图,那还真不是个轻松的活儿,得有点技术含量,比如:可以用System.Drawing下的那些东东,再或者用Silverli...

21690
来自专栏iOS开发攻城狮的集散地

iOS屏幕旋转

26260
来自专栏MixLab科技+设计实验室

H5Canvas入门(上)(下)

前言 本系列教程是专门给设计师写的快速入门教程,只要一步步跟随本教程,即可轻松进入编程的世界。 学习成果 用canvas制作带有图案的封面。 a、了解HTML、...

34350
来自专栏游戏杂谈

as3字型的使用

现在的页游,画面一个比一个炫,经常会看到一些游戏,在接受任务时,它的文字颜色和效果搭配起来很好看。比如下面几个

13930
来自专栏分享达人秀

自定义ProgressBar打造酷炫进度条

Android系统默认的ProgressBar往往都不能满足实际开发需要,一般都会开发者自定义ProgressBar。 在Android开发中,...

1.5K50
来自专栏游戏杂谈

chrome、ff下flash的mousewheel事件失效(wmode=transparent)

14040
来自专栏macOS 开发学习

Mac开发跬步积累(二):NSViewController 转场动画精耕细作

在macOS 10.10之后,关于NSViewController,苹果公司专门在一个extension中提供了四个方法用来处理控制器之间的关系以及切换转场处理...

27540
来自专栏HT

基于HTML5 Canvas实现用户交互

  很多人都有这样的疑问,基于HTML5 Canvas实现的元素怎么和用户进行交互?在这里我们用到HT for Web(http://www.hightopo....

27480
来自专栏hotqin888的专栏

小程序中搜索文件,阅览pdf,分享文件链接,评论表情符号

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hotqin888/article/det...

12210

扫码关注云+社区

领取腾讯云代金券