checkBox控件

 

checkBox控件使用指南

 

控件的概述

控件的理解

控件用来得到用户选择的布尔值。该控件可被标识为被选择的和未被选择两种状态，其返回值是true或false布尔值。

一般情况下编程者需要加入一个文本标签来说明此控件是未选和被选两种状态。

 

特征	说明
默认大小	大小足以容纳标签
最小大小	0个像素
最大大小	无限制

 

 

功能类似的组件

 radioButton（单选框按钮）

 内容详见radioButton组件学习

  两者的区别：

单选框式成组使用的，没一组选项都具有相同的组名，每次只能选择一个选项，而checkBox可以选择多项。

继承关系

Checkbox—>button—>UIComponent—>felxSprite —>Sprite—> DisplayObjectContainer —>InteractiveObject —>DisplayObject—>EventDispatcher—>Object

参考文献：Adobe® Flex® 4.1 语言参考

控件常用属性和方法

名称	分类	说明
selected	属性	选框id.selected=="true"/"false"
	事件	用户在InteractiveObject上按下并释放用户指针设备的主按钮时分派(详见3.1)
Width	属性	指定组件在父坐标中的宽度的数字（以像素为单位）（详见3,2）

使用方法

建立一个复选框控件示例

功能：选择任意一个复选框，都将在文本域显示其相应的文本。

代码如下：

函数：  private function modifyNumber():void

            {

           

                number.text="";

                if(cb1.selected==true)

                {

               

                    number.text=number.text+"50"+"\n";

                }

                if(cb2.selected==true)

                {

               

                    number.text=number.text+"100"+"\n";

                }

                if(cb3.selected==true)

                {

               

                    number.text=number.text+"150"+"\n";

                }

                if(cb4.selected==true)

                {

                   

                    number.text=number.text+"200"+"\n";

                }

            }

定义：  id="cb1" label="50" x="78" y="5" click="modifyNumber()" />

演示效果如下：checkBox1.html

详细代码请见：checkBox.txt

属性的用法

功能：利用width属性，将CheckBox的label标签截去。

主要代码： id="checkBox2"

                         label="{str}"

                         width="200" />

演示效果如下：width.html

详细代码见“width.xml”

 

声明：如果有人需要详细代码请留言联系本人！！