开启左侧

学习笔记之“按钮的基本控制”

[复制链接]
精华 清灯竹影 发表于 2014-5-8 09:07:28 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
这是一个很简单的实例。(版本: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
来自群组: FLASH动画与程序设计
参与人数 1金钱 +10 +1 收起 理由
etthink + 10 + 1

查看全部评分总评分 : 金钱 +10 +1

本帖被以下淘专辑推荐:

欢迎大家多发帖,参与讨论,增进彼此了解。

精彩评论10

正序浏览
etthink 发表于 2014-5-9 10:07:12 | 显示全部楼层

对你来说,现在这个有点难度,不过下个学期我们会学这些内容,你可以先准备,感谢楼主老师
学教育技术,上教育技术论坛!http://www.etthink.com
lhm1606 发表于 2014-5-9 10:37:45 | 显示全部楼层
这个好,刚好最近正在学习flash,学习学习
欢迎大家多发帖,参与讨论,增进彼此了解。
蚕子 发表于 2014-5-9 10:38:52 | 显示全部楼层
看到很多flash课件教程我感觉就是在讲flash,或绘画、或代码,或说课件教程多是在讲软件,对课件技巧讲解得不到。
欢迎大家多发帖,参与讨论,增进彼此了解。
etthink 发表于 2014-5-9 10:48:02 | 显示全部楼层
蚕子 发表于 2014-5-9 10:38
看到很多flash课件教程我感觉就是在讲flash,或绘画、或代码,或说课件教程多是在讲软件,对课件技巧讲解得 ...

蚕子老师的课件制作的很好,而且制作的方法也很有意义,欢迎也来说说:)
学教育技术,上教育技术论坛!http://www.etthink.com
蚕子 发表于 2014-5-10 14:11:18 | 显示全部楼层
etthink 发表于 2014-5-9 10:48
蚕子老师的课件制作的很好,而且制作的方法也很有意义,欢迎也来说说:)

我不会讲新版flash和as3的,只讲课件,可以吗?
欢迎大家多发帖,参与讨论,增进彼此了解。
清灯竹影 发表于 2014-5-10 16:09:43 | 显示全部楼层
     孙老师这里本来就是个开放的交流平台。欢迎蚕子老师来讲解您课件制作的经验和技巧,我们也能从中,学到知识和提高课件制作水平。不存在版本的问题。
欢迎大家多发帖,参与讨论,增进彼此了解。
 楼主| 方茜引 发表于 2014-5-19 10:29:55 | 显示全部楼层
确实挺好的~~
欢迎大家多发帖,参与讨论,增进彼此了解。
李芸 发表于 2014-5-21 09:55:43 | 显示全部楼层
{:soso_e102:}
欢迎大家多发帖,参与讨论,增进彼此了解。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

推荐阅读更多+
会员达人更多+
广告位

最新信息

更多+

关注我们:教育技术人

官方微信

官方微博

教育技术热线:

13955453231

学教育技术,上教育技术论坛!

教育技术论坛征稿范围:教育技术应用案例、教程文章、优秀作品等。

Email:sf@etthink.com

Copyright   ©2007-2026  应用思考-教育技术论坛  Powered by©Discuz!  技术支持:且行资源    ( 皖ICP备10014945号-4 )