点击这里给我发消息 点击这里给我发消息
首页 > 行业资讯 > flash>详细内容

仿小小的控制菜单 第4章 开始第一个版本的选择题的制作

添加时间:2010-1-5
    相关阅读: 程序 制作

多选题共有两道

如图,大家应该养成一个好习惯,用一个独立的层来放置代码,并把该层放到最上面会更便于修改。
第二层则独立放置Label。不要觉得麻烦,只要你想到世界上大部分好的闪客都是如此做的,你就不会嫌麻烦了。
以下的层放的是选择题的内容,如上图  
开始创建题目
在question   1层的第一帧,写上题目"When   were   movie   clips   introduced   into   Flash?"   (什么时候FLASH开始引入电影夹子的概念?)
再写上三个选项:Version   1,   Version   2,   Version   3
跟着我们再做一个用来选择的方框按钮,从Library里面拖出这样的三个按钮,分别放到各个选项的前面。
第二题的创建我们用第一题来做个模版,选择question   1层的第一帧,选择菜单上的Edit>>Copy   Frames
再选择question   2的第十帧,Edit>>Paste   Frames   将第一题复制过来了
当然问题要改成"When   was   MP3   audio   support   added   to   Flash?"   (什么时候FLASH开始支持MP3格式导入?),答案也要改成Version   3,   Version   4,   Version   5  
数据初试化
虽然是个很简单的FLASH,但是象其他复杂的FLASH一样,先告诉FLASH要用到的数据,例如题目的答案等,这是个好习惯,越复杂的FLASH,受惠越多
正常来说定义数据应该LOADING结束之后的。
为了把题目定在第一题,ACTION还需要一句stop();
选择第一帧,在ACTION面板里面输入代码
//   init   main   timeline   variables
var   q1answer;   //   user''s   answer   for   question   1   第一题用户的答案
var   q2answer;   //   user''s   answer   for   question   2   第二题用户的答案
var   totalCorrect   =   0;   //   counts   number   of   correct   answers   答对的题数
var   displayTotal;   //   text   field   for   displaying   user''s   score   显示用户分数的变量
//   stop   the   movie   at   the   first   question
stop();
你会发现//开头的那一行代码都变了色,//代表的是注释,是用来辅助阅读代码用的,对代码执行没有影响(是的,你在里面写笑话,写小说都可以,不会影响你的FLASH的^-^)
我们定义了四个将要用到的变量,用途已经在注释里面写了,写注释也是一个好习惯  
关于命名变量名
变量起名displayTotal,意思是   display   total,因变量名不能使用空格和破折号,所以用第二个单词的开始字母大写,以此分隔单词
一些程序员也喜欢用下划线:display_total
记住一定要给你的变量起一个一眼就能识别意义的名字  
添加label
我们知道第二题是在第10帧的,我们只需要一句AS:gotoAndStop(10);   就可以执行第二个问题了
不过MOOCK告诉你这不是好习惯,因为动画的内容是不断改变的,所以我们应当习惯使用label,即使帧数如何变化,只要label指向正确,不需要修改ACTION都可以继续运行(chocobo再提醒你吧,不要使用相同的label,即使在不同是Scene当中)
好了,我们在label层的第1、10、20分别F6创建关键帧,给他们写上init、q2、quizEnd  
要给按钮写上代码了
在三个按钮里面分别写入代码,大同小异的:
按钮一:
on   (release)   {
q1answer   =   1;
gotoAndStop   ("q2");
}  
按钮二:
on   (release)   {
q1answer   =   2;
gotoAndStop   ("q2");
}
按钮三
on   (release)   {
q1answer   =   3;
gotoAndStop   ("q2");
}  
这三段代码用人类的语言描述,就是:当用户点击某个按钮选择答案后,把他选择的答案记录到q1answer变量中去,然后进入下一题。
on这个单词代表随后的就是一个要触发的事件
release是指在按钮上松开鼠标这样一个事件
当动画执行到这里的时候,三个按钮都会分别监听用户有没有做在按钮上放开鼠标这个动作,一旦发生,按钮就会自动执行大括号{}里面的代码了
若用户选第一个,{}中是:
q1answer   =   1;   //用q1answer变量记住用户选择的是第一个答案
gotoAndStop   ("q2");   //进入下一题
上面我用了注释的方法来解释两句代码,你必须习惯,因为不是所有源程序都有教程,但是好的源程序都会有注释
第二题的按钮与前面相似,只是变量换为q2answer,选择完进入结束的画面,例如第一个,改为:
on   (release)   {
q2answer   =   1;
gotoAndStop   ("quizEnd");
}  
结束的画面
结束应该做什么,当然是告诉用户分数啦,写在第20帧,就是label为quizEnd的那帧的代码:
//   tally   up   the   user''s   correct   answers
if   (q1answer   ==   3){
totalCorrect   =   totalCorrect   +   1;
}
if   (q2answer   ==   2){
totalCorrect++;   //totalCorrect++其实是totalCorrect   =   totalCorrect   +   1;一个更简洁的写法,几乎少打了一半的字母啊。
}  
//   show   the   user''s   score   in   an   on-screen   text   field
displayTotal   =   totalCorrect;  
用人的语言描述:如果第一题选3,答对数加一,如果第二题选2,答对数加一,把答对题目数赋予另一变量
现在答对的题数是放到变量displayTotal中了,怎么显示?
在quiz   end第20帧处建关键帧,键入"Thank   you   for   taking   the   quiz!   Your   score   final   score   is:   /2"(谢谢回答问题,你最后成绩是答对了   /2道题)
在"/2"之前那个空白的地方放上一个文本框,菜单Text>>Options显示文本面板,把Static   Text下拉改为Dynamic   Text,顺便把Border/Bg的钩去掉,最后在Variable那一栏填上要显示的变量名displayTotal  
你是不是和chocobo一样不耐烦了?快下载http://www.moock.org/webdesign/lect...oockQuizzes.zip   ;吧,里面的quiz.fla就是本章的内容,其他的fla的内容也将会在后面讲到

本文作者:
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册