FLASH组件使用之RadioButton组件

2025-09-25 02:57:42

1、打开软件,新建AS3文档。

FLASH组件使用之RadioButton组件

2、ctrl+f7打开组件面板,RadioButton组件,也就是单选按钮,使用组件,可以直接使用功能完整的元件。

FLASH组件使用之RadioButton组件

3、找到RadioButton组件,并放三个在舞台上。

FLASH组件使用之RadioButton组件

4、这时虽然没有用到任何代码,但是已经具备了鼠标点击事件和单选的功能。

FLASH组件使用之RadioButton组件

5、看一下RadioButton组件的属性,在属性面板中选择显示参数

FLASH组件使用之RadioButton组件

FLASH组件使用之RadioButton组件

6、参数定义如下:

enabled是否可用

groupName组名,用于多个组件进行分组时

label显示的文本

labelPlacement文本位置

selected是否默认选择状态

value点击时获取的值

visible是否显示

分别设置三个组件的label属性为选项1,选项2,选项3

FLASH组件使用之RadioButton组件

7、设置三个组件的实例名分别为rb0,rb1,rb2

FLASH组件使用之RadioButton组件

8、添加一个动态文本,设置实例名为txt,其它属性如图

FLASH组件使用之RadioButton组件

FLASH组件使用之RadioButton组件

9、在主时间轴加如下代码:

for(var i:int=0;i<3;i++)

{

this["rb"+i].addEventListener(Event.CHANGE,GetValue);

}

function GetValue(e:Event):void

{

    txt.text=e.currentTarget.value;

}

FLASH组件使用之RadioButton组件

10、运行后可以看到点击组件时,文本框显示出了组件设置的value值。

FLASH组件使用之RadioButton组件

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢