如何使用Button 组件

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

　　

问题
在场景中有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）

myButtonList?=?new?Object();
myButtonList.click?=?function?()
{
trace?("You?clicked?the?button!?");
}
mybutton.addEventListener("click",?myButtonList);?

注重：这个里面的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最小宽度

上一篇：{技巧}如何使用Alert 组件 人气:3694
下一篇：{技巧}什么工具可以方便地制作动态Flash教程？ 人气:2336

Flash视频教程