查看旧版所有文章

有风的日子,网页设计爱好者的家园

旧版

您现在访问的是有风的日子旧版!新版地址为:http://www.hellowind.com
有风的日子现已全面升级!新标识,新域名,新架构,新布局,新平台,不变的承诺——有风的日子,网页设计爱好者的家园
为网页设计、平面设计、多媒体设计及摄影爱好者提供资讯、博客、相册、论坛等多方位服务...

Flash MX 2004系列教程(二)UI组件-Radio Compoents

来源:BlogBus.com    发表于2004-2-23 10:11:49

关键字:Flash, 组件, Radio

  不象checkbox components复选框组可能选择多个选项,radio components单选组件只允许您在一个问题上选择一个答案。

  1. 如下图所示屏幕的布局。与复选框的布局几乎是一样的不同是将四个复选框换成了四个单选框。

  2. 给第一个radio components组件的label命名为Amaizing。其中最重要是它的的groupName名称,它使我们知道所有的radio components是一个组,我们将其命名为myAdjective。

  3. 第二个radio components的命名如下图所示,但不要忘记了他的groupname名称为myAdjective。

  4. 第三个单选钮的设置如下:

  5. 第四个单选钮的设置如下:

  6. 现在所有的单选钮都已设置完毕。我们将在脚本层的第一帧上输入代码:

myForm = this;
submitButtonListener = new Object();
submitButtonListener.click = function() {
 var selectedRadioButton = myAdjective.selection;
 var selectedRadioButtonLabel = selectedRadioButton.label;
 statusMessage.text = "You are "+selectedRadioButtonLabel;
};
submitButton.addEventListener("click", submitButtonListener);