如何使用Button 组件

问题

在场景中有Button 组件时如何来控制他的属性，以及怎么通过这个Button 组件来控制事件

解决思路 

Button 组件是一个可调整大小的矩形用户界面按钮。可以给按钮添加一个自定义图标。也可以将按钮的行为从按下改为切换。在单击切换按钮后，它将保持按下状态，直到再次单击时才会返回到弹起状态。可以在应用程序中启用或者禁用按钮。在禁用状态下，按钮不接收鼠标或键盘输入。如果单击或者切换到某个按钮，处于启用状态的就会接收焦点。当一个 Button 实例具有焦点时，您可以使用下列按键来控制它：

按键描述
Shift + Tab将焦点移到前一个对象。
空格键按下或释放组件并触发 click 事件。
Tab 键将焦点移到下一个对象。

具体步骤
1.   创建一个新Flash Document (文件 -> 新建; Ctrl-N)
2.   拖拽一个Button 组件到主场景
3.   给第一个Layer重命名为button

技巧：这是一个习惯问题，因为如果你要作一个很大的flash，有多个Layer时，给Layer取一个名字变的由为重要，这样可以让你方便快捷的找到你要得元素。
4.       点击场景中的Button组件，在下面的属性框里的参数栏项里把Button组件命名为mybutton，这个名称将成为这个Button组件在Action里的名称，同样将Label命名为“确定”。

技巧：上面的toggle如果你选择了true以后，就表示当你点击了按钮以后按钮颜色将变化成点击过的颜色，当你再次点击按钮按钮再回到原来的颜色，这是用于已经做过选择的按钮有标记。
试一试：读者可以试着将toggle选择为true然后输出swf将鼠标点上去看有什么不同。
5.       现在场景的Button组件名称和属性已经设置好了，我们该怎么让这个按钮起作用了？不急我们现在场景中先新建一个Layer，取名为action。然后在action层写入action动作（点击F9）
注意：这个里面的mybutton.addEventListener("click", myButtonList); 一定要跟你前面给按钮起的名字要一样，大小写也要一样，不然无法成功
提示：
·myButton就是上面按钮的名称
· myButton.addEventListener("click", myButtonList);是用于 componentInstance.addEventListener(event, listener)
event：事件名称
listener：目标名称
6.       测试影片（Ctrl+Enter），点击按钮，会弹出trace框
7.       现在我们已经能够激发事件了，后面我们改开始改改按钮的外观，我们先新建一个movie clip取名为searchIcon，画一个搜索的放大镜 ，然后在(Ctrl+L)Library窗口选择searchIcon movie点右键选择链接

8.       跳出链接窗口，选中第一个复选项为动作脚本导出，标识符命名为searchIcon

9.       选择窗口-〉开发面板-〉组件检查器（Alt-F7）调用出组件检查器窗口，选择参数在icon中添加图标路径“searchIcon”，如下图：

10.    测试影片（Ctrl+Enter）,就会发现按钮上多了一个searchIcon的图标

提示：
·           改变图标位置可通过Button上的LabelPlacement改变
11.    想改变Button按钮的大小你可以通过组件检查器的minHeight和minWidth来改变，如下图：

12.    测试影片（Ctrl+Enter）,大小改成了宽：120高：35。  

1Button.fla
    注意：不管你在属性宽口输入什么属性，最后输出它以action里的为准
特别提示
Button组件是IU Components里最简单的组件，也是最常用的，通过上面的例子读者应该了解了Button里的各项参数，其中addEventListener是所有组件的监听器。
处理组件事件最强大的方式是使用侦听器。事件由组件进行广播，作为侦听器注册到事件广播器（组件实例）的任何对象都会收到该事件的通知。给侦听器分配一个处理事件的函数。您可以向一个组件实例注册多个侦听器。您也可以向多个组件实例注册一个侦听器。

特别说明

Button 类的参数
参数描述
icon 指定按钮实例的图标。
label指定在按钮上显示的文本。 
labelPlacement指定标签文本相对于图标的方向。
selected当 toggle 属性为 true 时，指定按钮是处于按下状态 (true) 还是释放状态 (false)。 
Button.toggle 指明按钮是否用作切换开关。
enabled当 enabled 属性为 true 时，指定按钮是处于可选择状态 (true) 还是不可选择状态 (false)。 
Visible按钮是可见(true)还是不可见（false）
minHeight最小高度 
Minwidth最小宽度