注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

清风的博客

我为人人,人人为我。

 
 
 

日志

 
 

用RadioButton组件做选择题  

2013-12-26 15:04:14|  分类: 【flash教程】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

         一、RadioButton组件(单选框)的应用

  RadioButton组件和CheckBox组件应用上很相似,一个是单选框,一个是复选框,但在代码编写上却有很大的区别。现以一实例来说明。
  下面是实例操作的结果,如图:
RadioButton组件(单选框)的应用(带驱动程序代码) 
RadioButton组件(单选框)的应用(带驱动程序代码) 
RadioButton组件(单选框)的应用(带驱动程序代码)
  以上是初始化及不同操作时所形成的结果。现分步讲解制作过程。
第一步:创建组件实例并设置组件的属性及参数
  从“组件”面板中拖入两个RadioButton组件及一个TextArea组件,使用“对齐”面板对齐各组件如图:
RadioButton组件(单选框)的应用(带驱动程序代码)
  之后,选中第一个RadioButton组件实例,在“属性”面板中作如下设置:、
用RadioButton组件做选择题 - 清风 - 清风的博客
  选中第二个RadioButton组件实例,在“属性”面板中作如下设置:
用RadioButton组件做选择题 - 清风 - 清风的博客
  由于是同类组件,所以参数项是一致的,现对各项做一解释:
data:是该组件的参数值,该参数将在程序中用来进行数据交换。
groupName:单选各项所在的组,同组同名。
label:要显示的文本。
labelPlacement:文本与选取项的位置定义。
selected:初始化情况,false表示初始化不被选取。
  接下来,对这两个RadioButton组件右侧的文本显示组件(TextArea)进行设置,如图:
用RadioButton组件做选择题 - 清风 - 清风的博客
  所有组件属性设置完毕后,场景中的情形如下:
用RadioButton组件做选择题 - 清风 - 清风的博客
第二步:添加代码
  选择场景中的第1帧,输入以下代码:
theVerdict.text="请从左侧选择!";
//初始化TextArea组件值
flashistListener = new Object();
flashistListener.click = function (evt){ 
//以下对触发事件进行判断,evt用来接收被选取组件的参数值。
 if(evt.target.selection.data=="sec1"){
 theVerdict.text="你选择了:Yes";
 }
 if(evt.target.selection.data=="sec2"){
 theVerdict.text="你选择了:No!";
 }
}
radioGroup.addEventListener("click", flashistListener);
  测试

二、用Flash组件与AS3制作选择题(单选和多选)课件

用做选择题检测教学效果是教学中常用的检测方法,本例是用Flash中的组件和AS3编程制作的选择题课件,效果如图一所示。

                 用Flash组件与AS3制作选择题课件(转载) - 袋鼠 - ybcppeng
                                             图一

     下面简要介绍一下制作方法:

    为了方便说明,本例共有两个单项选择题和两个多项选择题,其中需要用到Label组件、RadioButton组件和CheckBox组件及按钮及动态文本等。

 首先用四个Label组件的“text”参数制作四个选择题的题干(题目内容1---4),如图二所示。

用Flash组件与AS3制作选择题课件(转载) - 袋鼠 - ybcppeng

                                  图二

   再用八个RadioButton组件的“Label”参数作为两个单项选择题的选项,并将第一题中四个RadioButton组件中的“groupName”参数命名为“t1”,将第二题中四个RadioButton组件中的“groupName”参数命名为“t2”,如图三所示。

用Flash组件与AS3制作选择题课件(转载) - 袋鼠 - ybcppeng

                                  图三

   然后用八个CheckBox组件的“Label”参数作为两个多项选择题的选项,如图三所示。如图四所示。

用Flash组件与AS3制作选择题课件(转载) - 袋鼠 - ybcppeng

                                 图四

    在最下面加入一个按钮和一个动态文本框。

    制作一个只有三个关键帧的影片剪辑,第一帧是空白关键帧,第二帧画一个红色的对勾,表示答题正确,第三帧画一个红的叉,表示答题错误。在一帧的代码层写下代码“stop()”,使影片剪辑停在空白的一帧。

     将影片剪辑分别加入到第一题到第四题的空白处,分别命名为“dc1_mc”、“dc2_mc”、“dc3_mc”、“dc4_mc”,准备显示答题正确或错误的对勾或叉号。

      再将第一题的四个单选按钮分另命名为“pd11”、“pd12”、“pd13”、“pd14”;

      将第二题的四个单选按钮分另命名为“pd21”、“pd22”、“pd23”、“pd24”;

      将第三题的四个多选框分另命名为“pd31”、“pd32”、“pd33”、“pd34”;

      将第四题的四个多选框分另命名为“pd41”、“pd42”、“pd43”、“pd44”;

      将“交卷”按钮命名为“jj_btn”;

      将动态文本框命名为“fnshu_txt”。

      效果如图五所示:

               用Flash组件与AS3制作选择题课件(转载) - 袋鼠 - ybcppeng
                                            图五

   代码图层的第一帧加入如下代码:
stop();

jj_btn.addEventListener(MouseEvent.CLICK,pddc);  //为交卷按钮添加侦听事件
function pddc(e:MouseEvent) {
 var i:int =0;   //定义得分并赋值为零
 if (pd13.selected) {  //如果第三个单选按钮被选择,得分加25分并出现红色的对号
  i+=25; 
  dc1_mc.gotoAndStop(2);
 } else {    //如果第三个单选按钮没被选择,不得分并出现红色的错号
  dc1_mc.gotoAndStop(3);
 }

 if (pd23.selected) {
  i+=25;
  dc2_mc.gotoAndStop(2);
 } else {
  dc2_mc.gotoAndStop(3);
 

 if (!pd31.selected&&pd32.selected&&pd33.selected&&!pd34.selected) {
  i+=25;  //如果选择了2、3选项且不选1、4选项得25分并出现红色的对号
  dc3_mc.gotoAndStop(2);
 } else {   //否则不得分并出现红色的错号
  dc3_mc.gotoAndStop(3);
 }
 if (!pd41.selected&&!pd42.selected&&pd43.selected&&pd44.selected) {
  i+=25;
  dc4_mc.gotoAndStop(2);
 } else {
  dc4_mc.gotoAndStop(3);
 }
 fnshu_txt.text=String(i);  //出现总得分
}
存盘测试

Flash CS3教程--Flash组件的应用
  评论这张
 
阅读(51)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017