Flash Lite 2

开发 Flash Lite 2.x 应用程序 > 创建交互和导航 > 处理按键和按钮事件（仅限于 Flash Professional） > 使用按钮和默认导航来创建简单的菜单（仅限于 Flash Professional）

使用按钮和默认导航来创建简单的菜单（仅限于 Flash Professional）

本节向您说明如何使用按钮和默认导航来创建简单的菜单。要创建菜单，您将要使用三个按钮元件，每个菜单选项使用一个按钮元件。接下来，您将编写事件处理代码，当用户将指针滑过每个菜单项时（即当用户为相应的按钮提供焦点时）以及当用户通过按下其设备上的选择键选择菜单项时，将显示一条消息。有关在 Flash Lite 中处理按钮事件的更多信息，请参见处理按钮事件（仅限于 Flash Professional）。

您将从部分完成的 Flash 文档开始。您可以将这些设置更改为面向其它设备和内容类型（请参见使用 Flash Lite 模拟器（仅限于 Flash Professional））。

使用按钮创建简单的菜单：

1. 打开名为 simple_menu_start.fla 的文件，该文件位于计算机上 Flash 安装文件夹中的 Samples and Tutorials/Samples/Flash Lite 2.0/ 文件夹中。
2. 打开"库"面板（"窗口">"库"）。

   请注意，"库"中包含三个名称分别为 News Button、Weather Button 和 Sports Button 的按钮元件。

3. 在时间轴（"窗口">"时间轴"）中，选择名为 Menu Buttons 的图层。
4. 将 News Button 元件的一个实例从"库"面板中拖到舞台上。
5. 在属性检查器中的"实例名称"文本框中键入"btn_news"。
6. 对 Sports 和 Weather 按钮重复步骤 4 和步骤 5，并将它们分别命名为"btn_sports"和"btn_weather"。
7. 沿垂直方向对齐这三个按钮，如下面的示例所示：

   
   
   

8. 在"工具"面板中，选择"文本"工具并沿着舞台的底部创建一个文本字段。

   当用户将指针滑过每个菜单项时，此文本字段显示一条短消息。

9. 在新建的文本字段仍处于选中状态下，在属性检查器中执行以下操作：
   1. 从"文本类型"弹出菜单中选择"动态文本"。
   2. 在"实例名称"文本框中键入"txt_status"。

   舞台外观应类似于以下图像：

   
   
   

10. 在时间轴中，选择名为 ActionScript 的图层上的第 1 帧。
11. 打开"动作"面板（"窗口">"动作"），然后输入以下代码：

    // 由于按钮具有指针经过状态而禁用焦点矩形
    _focusRect = false;
    
    btn_news.onRollOver = function() {
        txt_status.text = "Press to select News"
    }
    btn_news.onPress = function() {
        txt_status.text = "You selected News"
    }
    btn_sports.onRollOver = function() {
        txt_status.text = "Press to select Sports";
    }
    btn_sports.onPress = function() {
        txt_status.text = "You selected Sports";
    }
    btn_weather.onRollOver = function() {
        txt_status.text = "Press to select Weather";
    }
    btn_weather.onPress = function() {
        txt_status.text = "You selected Weather";
    }
    

12. 选择"控制">"测试影片"以在模拟器中预览应用程序。

    用鼠标单击模拟器上的下箭头键（或按计算机键盘上的下箭头键）可以在菜单选项之间导航；要选择某个菜单项，请使用鼠标单击模拟器的选择键（或按计算机键盘上的 Enter 键）。