创建使用按钮和 Tab 键导航的简单菜单

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

您首先要使用一个部分完成的 Flash 文档，该文档预先配置为以 Nokia 7610 和"独立播放器"内容类型作为目标。您可以将这些设置更改为以其它设备和内容类型作为目标（有关详细信息，请参阅 Adobe Device Central 的帮助）。

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

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

选择 Sports 按钮并在"动作"面板中键入以下代码：

on(rollOver) {
    status = "Press to select Sports";
}
on(press) {
    status = "You selected Sports";
}

选择 Weather 按钮并在"动作"面板中键入以下代码：

on(rollOver) {
    status = "Press to select Weather";
}
on(press) {
    status = "You selected Weather";
}

在时间轴中，选择名为 Actions 的图层的第 1 帧。
在"动作"面板中键入以下代码：
```
_focusRect = false;
```
这段代码会禁用 Flash Lite 默认情况下在具有焦点的按钮和文本字段周围绘制的黄色焦点矩形（请参阅关于焦点矩形）。

此时，舞台应当类似于下图：
选择"控制">"测试影片"以使用 Adobe Device Central 模拟器预览该应用程序。
用鼠标单击下箭头键（或按下计算机键盘上的向下箭头键）可以在菜单选项之间导航；要选择某个菜单项，请使用鼠标单击选择键（或按计算机键盘上的 Enter 键）。