如何使用Radio 组件

文章类别：Flash | 发表日期:2008-9-21 15:03:39

　　

问题
Radion?组件它是怎么来传递信息，它是怎么来运做了，它在flash里又起什么作用了？

解决思路
单选按钮是任何表单或?Web?应用程序中的一个基础部分。假如您需要让用户从一组选项中做出一个选择，可以使用单选按钮。例如，在表单上询问客户要使用哪种信用卡付款时，您就可以使用单选按钮。
具体步骤
1.???????创建一个新Flash?Document?(文件?->?新建;?Ctrl-N)，拖拽一个TextArea组件，一个Button组件和4个Radio组件到场景，放在from?Layer层?如下图：

2.???????再创建一个新的Layer层命名为background，在该层新建一个底色和一个静态文本，静态文本写入如上图一样的“请选择你用什么卡付帐”。

3.???????选择from层里的TextArea组件，在下面的属性框里的参数栏项里把TextArea组件命名为statusMessage，其中editable和html参数选择false，如下图：

提示：
·???????????editable?指明?TextArea?组件是?(true)?否?(false)?可编辑。默认值为?true
·???????????html?指明文本是?(true)?否?(false)?采用?HTML?格式。默认值为?false
·???????????wordWrap?一个布尔值，指明文本是?(true)?否?(false)?自动换行。

4.???????选择from层里的第一个Radio组件，在下面的属性框里的参数栏项里把Radio组件命名为Radio1,同时在Label参数写上选择卡名称，将groupName参数设置为myAdjective

·???????????提示：
·???????????groupName?指明单选按钮组的组名或单选按钮实例
·???????????selected?指明?Checkbox默认值是选中状态(true)还是未选中状态（false）
·???????????注重：
这里4个Radio组件一定要归属于一个groupName组

5.???????选择from层里的第二个Radio组件，在下面的属性框里的参数栏项里把Radio组件命名为Radio2,同时在Label参数写上选择卡名称，将groupName参数设置为myAdjective

6.???????选择from层里的第三个Radio组件，在下面的属性框里的参数栏项里把Radio组件命名为Radio3,同时在Label参数写上选择卡名称，将groupName参数设置为myAdjective

7.???????选择from层里的第四个Radio组件，在下面的属性框里的参数栏项里把Radio组件命名为Radio4,同时在Label参数写上选择卡名称，将groupName参数设置为myAdjective

8.???????选择from层中的Button组件，在下面的属性框里的参数栏项里把Button组件命名为submitButton，将label参数设置为“确定“?

????注重：四个Radio组件的groupName一样的时候就是定义同属于一个事件

9.???????新建一个Layer层命名为action，在第一帧开始写入代码

//?设置在from层里的组件在时间线信息传达
myForm?=?this;?
//?创建一个目标
submitButtonListener?=?new?Object();
//?定义Button组件在按钮实例上方按下鼠标或者按下空格键时进行广播。submitButtonListener.click?=?function?()
{
????//?寻找Radio组件组的信息
????var?selectedRadioButton?=?myAdjective.selection;
???????????
????//?储存每个Radio组件的Label参数信息
????var?selectedRadioButtonLabel?=?selectedRadioButton.label;
???????????
????//?显示信息
????statusMessage.text?=?"你选择了?"?+?selectedRadioButtonLabel;
}
???????????
//?绑定submitButtonListener到名称为submitButton的按钮上
submitButton.addEventListener("click",?submitButtonListener);


?
·???????????提示：
·???????????myAdjective.selection表明将单选按钮实例的状态设置为选中，并取消
选中先前选中的单选按钮。
·???????????selectedRadioButton.label表明单选按钮旁边显示的文本。

10.????测试影片（Ctrl+Enter）

4Radio.fla
非凡提示
Radio组件单选功能决定了它的单一性，读者可以通过它的这个特性做单项选择特效
可以启用或禁用单选按钮。用户按?Tab?键切换到单选按钮组时，只有选中的单选按钮会接收焦点。用户可以通过按箭头键来改变组内的焦点。在禁用状态下，单选按钮不接收鼠标或键盘输入。
假如复选框被禁用，它会显示其禁用状态，而不管用户的交互操作。在禁用状态下，
按钮不接收鼠标或键盘输入。
假如用户单击?CheckBox?实例或者用?Tab?按键切换到它时，CheckBox?实例将接收
焦点。当一个?CheckBox?实例有焦点时，您可以使用下列按键来控制它：
按键描述
Shift?+?Tab将焦点移到前一个元素。
空格键选中或者取消选中组件并触发?click?事件。
Tab?键将焦点移到下一个元素。

非凡说明

RadioButton?类的属性摘要

属性描述
RadioButton.data与单选按钮实例相关的值。?
RadioButton.groupName单选按钮组的组名或单选按钮实例。
RadioButton.label单选按钮旁边显示的文本。?
RadioButton.labelPlacement标签文本相对于单选按钮的方向。
RadioButton.selected将单选按钮实例的状态设置为选中，并取消选中先前选中的单选按钮。?
RadioButton.selectedData选择具有指定数据值的单选按钮组中的单选按钮。?
RadioButton.selection对单选按钮组中当前选中的单选按钮的引用。


RadioButton?类的事件摘要

事件描述
RadioButton.click在按钮实例上按下鼠标时触发。?

上一篇：{技巧}如何使用Date Chooser 组件 人气:2327
下一篇：{技巧}如何使用Checkbox 组件 人气:4552

Flash视频教程