创建使用按钮和默认导航的简单菜单

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

首先从部分完成的 Flash 文档开始。您可以将这些设置更改为指向其它设备和内容类型（请参阅"使用模拟器"）。

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

下载并打开位于 www.adobe.com/go/learn_flt_samples_and_tutorials_cn 的名为 simple_menu_start.fla 的文件。在"示例和教程"页上，找到、下载并解压缩 Flash Lite 版本的 .zip 文件，然后导航到 Samples 文件夹即可访问该示例。
打开"库"面板（"窗口">"库"）。
请注意，"库"中包含三个名称分别为 News Button、Weather Button 和 Sports Button 的按钮元件。
在时间轴（"窗口">"时间轴"）中，选择名为 Menu Buttons 的图层。
将 News Button 元件的一个实例从"库"面板拖到舞台上。
在属性检查器中的"实例名称"文本框中键入"btn_news"。
对 Sports 和 Weather 按钮重复步骤 4 和 5，并将它们分别命名为"btn_sports"和"btn_weather"。
沿垂直方向对齐这三个按钮，如下面的示例所示：
在"工具"面板中，选择"文本"工具并沿着舞台的底部创建一个文本字段。
当用户将指针滑过每个菜单项时，此文本字段显示一条短消息。
在新建的文本字段仍处于选中状态下，在属性检查器中执行以下操作：
1. 从"文本类型"弹出菜单中选择"动态文本"。
2. 在"实例名称"文本框中键入"txt_status"。
舞台外观应类似于以下图像：
在时间轴中，选择名为 ActionScript 的图层上的第 1 帧。

打开"动作"面板（"窗口">"动作"），然后输入以下代码：

// 由于按钮具有指针经过状态而禁用焦点矩形
_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";
}

选择"控制">"测试影片"以在模拟器中预览应用程序。
用鼠标单击模拟器上的向下箭头键（或按下计算机键盘上的向下箭头键）可以在菜单选项之间导航；要选择某个菜单项，请使用鼠标单击模拟器的选择键（或按计算机键盘上的 Enter 键）。