应用思考-教育技术论坛

标题: 学习笔记之“按钮的基本控制” [打印本页]

作者: 清灯竹影    时间: 2014-5-8 09:07
标题: 学习笔记之“按钮的基本控制”
这是一个很简单的实例。(版本:flashCS6 AS3.0)。目的是学习按钮的基础操作。
软件下载地址:http://www.qiexing.com/post/flash-cs6-download.html

具体步骤:
一,新建一个影片剪辑(快捷键ctrl+F8)名字就叫做:“卡通龟”吧。导入一张小图片,最好是PNG的,原因么,只是为了好看点。这里我导入的是一张小乌龟卡通图:
你可以用这个来练习的。
二、我们在卡通龟这个影片剪辑里让小乌龟动一下,为了让这个实例看起来不是那么的呆板了。具体做法就是搞个补间,让小乌龟上下的移动一点距离,一点点就够了,别搞得夸张了。什么….你不会做这个补间?呵呵,开玩笑的。有位兄弟问了:“我现在要在这个mc第一帧上加stop();么?额…..随便,加不加都可以。
三、把这个卡通龟拖动到舞台上,那么它就是一个实例,然后随便给取个名字吧。实例名中文可以么?可以…..虽然大虾们及其反对这样,不过你只是自己做着玩。我用拼音来搞个名字吧:gui_mc   
四、从公用库里拖俩按钮到舞台上,这里最好是单独新建一层来放置按钮。这是个好习惯,一个层放东东多了,你会搞晕的。那么一个按钮的实例名是:
stop_btn  另一个是play_btn
五、基本的素材和布局呢,就是这样的。首先我想让小乌龟不上下的动,需要说明的是卡通龟这个影片剪辑里我是没写任何代码的。那么这里就要用停止按钮(stop_btn)来让它不动。所以,停止按钮就是发起者了。那么看下面第一步的具体代码:
stop_btn.addEventListener(MouseEvent.CLICK,people_stop);
function people_stop(event:MouseEvent):void
{
      gui_mc.stop();
}
假如你是初学者,并且有代码恐惧感,那么我想简单解释下这段代码的意思。
1、刚才我们说了,发起停止这个信号是停止按钮stop_btn,所以呢首先写出它的实例名字,接着addEventListener这个意思是添加事件侦听器。什么?你不懂….
好的,仔细解释下:add的意思是添加;Event的意思是事件;Listener的意思是听。那么连起来的意思你就明白了。OK,这里我们好像是准备了一只可爱的小狗,它很警惕,看到陌生可疑的人来你家里会汪汪的吠叫。那么小狗随时处于很警惕的状态,它在侦听呢。侦听什么呢?就是括号里的内容MouseEvent,这个就是鼠标事件!鼠标事件有多种,你懂的,什么按下啦、移动、单击、双击这里我们侦听的是其中的一种CLICK(大写,必须地)就是“单击”的意思。那么,侦听到鼠标单击事件以后,小狗会干什么呢?大声吠叫,让可疑来客停下。所以后面我们跟个函数:people_stop,接着为这个函数搞个方法。
就是function people_stop(event:MouseEvent):void
{
      this.stop();
gui_mc.stop();
}
也许你会有点迷糊了,不过这不要紧,多做点实例就会明白其中的道理。
现在测试影片,点击stop_btn 小乌龟停止上下的移动了!
六、小乌龟是停止不动了,不过我们需要让它再动起来,并且一边上下一边往右边飞,那么我们可以在场景一做个补间,让小乌龟向右边移动。然后复制第一段代码修改如下:
play_btn.addEventListener(MouseEvent.CLICK,people_play);
function people_play(event:MouseEvent):void
{
       gui_mc.play();
    this.play();
}
加粗的红色字体是需要修改的。同时,我们的目的是按下停止按钮小乌龟不仅不上下移动,而且也不向右边移动。所以在第一段代码里要加上this.stop();
this 的意思是当前的时间轴。
   好了,测试你的影片,看看效果吧。也许你还是有很多地方不明白,那么我附上这个实例的源文件,你研究下就会清楚了。
按钮的基本控制(62.41K)

第二篇:按钮之帧切换 http://bbs.etthink.com/thread-15526-1-1.html
[groupid=192]FLASH动画与程序设计[/groupid]
作者: 许娜1104020238    时间: 2014-5-8 20:20
不错
作者: 许娜1104020238    时间: 2014-5-8 20:21
试一下
作者: etthink    时间: 2014-5-9 10:07
许娜1104020238 发表于 2014-5-8 20:21
试一下

对你来说,现在这个有点难度,不过下个学期我们会学这些内容,你可以先准备,感谢楼主老师

作者: lhm1606    时间: 2014-5-9 10:37
这个好,刚好最近正在学习flash,学习学习
作者: 蚕子    时间: 2014-5-9 10:38
看到很多flash课件教程我感觉就是在讲flash,或绘画、或代码,或说课件教程多是在讲软件,对课件技巧讲解得不到。
作者: etthink    时间: 2014-5-9 10:48
蚕子 发表于 2014-5-9 10:38
看到很多flash课件教程我感觉就是在讲flash,或绘画、或代码,或说课件教程多是在讲软件,对课件技巧讲解得 ...

蚕子老师的课件制作的很好,而且制作的方法也很有意义,欢迎也来说说:)

作者: 蚕子    时间: 2014-5-10 14:11
etthink 发表于 2014-5-9 10:48
蚕子老师的课件制作的很好,而且制作的方法也很有意义,欢迎也来说说:)

我不会讲新版flash和as3的,只讲课件,可以吗?

作者: 清灯竹影    时间: 2014-5-10 16:09
     孙老师这里本来就是个开放的交流平台。欢迎蚕子老师来讲解您课件制作的经验和技巧,我们也能从中,学到知识和提高课件制作水平。不存在版本的问题。
作者: 方茜引    时间: 2014-5-19 10:29
确实挺好的~~

作者: 李芸    时间: 2014-5-21 09:55
{:soso_e102:}




欢迎光临 应用思考-教育技术论坛 (http://etthink.com/) Powered by Discuz! X3.4