上一页下一页

使用 Button 组件

按钮是任何表单或 Web 应用程序的一个基础部分。每当您需要让用户启动一个事件时，都可以使用按钮。例如，大多数表单都有“提交”按钮，您也可以给演示文稿添加“前一个”和“后一个”按钮。

要给按钮添加一个图标，您需要选择或创建一个影片剪辑或图形元件以用作图标。元件应注册在（0，0）以在按钮上获得适当的布局。在“库”面板中选择图标元件，从“选项”菜单中打开“链接”对话框，并输入一个链接标识符。该值是为属性检查器或“组件检查器”面板中的图标参数输入的值。也可以为 Button.icon 动作脚本属性输入此值。

注意：如果图标比按钮大，它将会延伸到按钮的边框外。

Button 参数

以下是您可以在属性检查器中或在“组件检查器”面板中为每个 Button 组件实例设置的创作参数：

label 设置按钮上文本的值；默认值是“Button”。

icon 给按钮添加自定义图标。该值是库中影片剪辑或图形元件的链接标识符；没有默认值。

toggle 将按钮转变为切换开关。如果值为 true，则按钮在按下后保持按下状态，直到再次按下时才返回到弹起状态。如果值为 false，则按钮的行为就像一个普通按钮；默认值为 false。

selected 如果切换参数的值是 true，则该参数指定是按下 (true) 还是释放 (false) 按钮。默认值为 false。

labelPlacement 确定按钮上的标签文本相对于图标的方向。该参数可以是下列四个值之一：left、right、top 或 bottom，默认值是 right。有关详细信息，请参阅 Button.labelPlacement。

您可以编写“动作脚本”，通过利用其属性、方法和事件来控制 Button 组件的这些选项以及其他选项。有关详细信息，请参阅 Button 类。

创建具有 Button 组件的应用程序

以下过程解释了如何在创作时将 Button 组件添加到应用程序。在本范例中，按钮是一个带有自定义图标的“帮助”按钮，当用户按下该按钮时，会打开一个“帮助”系统。

要创建具有 Button 组件的应用程序，请执行以下操作：

  1. 将 Button 组件从“组件”面板拖到舞台上。
  2. 在属性检查器中，输入实例名称 helpBtn。
  3. 在属性检查器中，执行以下操作：
    • 为标签参数输入 Help。
    • 为图标参数输入 HelpIcon。

      要使用图标，必须将库中一个带有链接标识符的影片剪辑或图形元件用作图标参数。在本范例中，链接标识符是 HelpIcon。

    • 将切换属性设置为 true。
  4. 在时间轴中选择第一帧，打开“动作”面板，然后输入以下代码： 
    clippyListener = new Object();
clippyListener.click = function (evt){
  clippyHelper.enabled = evt.target.selected;
}
helpBtn.addEventListener("click", clippyListener);

    最后一行代码将 click 事件处理函数添加到 helpBtn 实例。该处理函数启用和禁用 clippyHelper 实例，此实例可能是某种“帮助”面板。

上一页下一页