将导航和文本添加到特色餐屏幕

在本部分中，您将在 Specials 屏幕上添加交互，使用户能够控制每个动画之间的过渡。您还将添加动态文本字段，以显示每个图像的名称和说明。

在 Flash 中，打开您在创建主屏幕的菜单中完成的文件。

在时间轴中，选择 Text 图层上的第 10 帧。

在"工具"面板中，选择"文本"工具，然后在第一个被遮罩的特色餐图像下方创建一个文本字段。

此文本字段会显示屏幕上显示了其图像的特色餐的名称。

在舞台上选中该文本字段的情况下，在属性检查器中进行以下更改：

从"文本类型"弹出菜单中选择"动态文本"。
在"实例名称"文本框中键入"title_txt"。
选择"斜体"文本样式选项。
将字体大小设置为 10。
选择"字体呈现方法"弹出菜单中的"使用设备文本"。

在第一个文本字段下方创建另一个文本字段，以显示用户正在查看的特色餐的简短说明。

使用"选择"工具，调整新文本字段的大小，使其高度大约为其上方文本字段的三倍。

在舞台上选中该文本字段的情况下，在属性检查器中进行以下更改：

从"文本类型"弹出菜单中选择"动态文本"。
在"实例名称"文本框中键入"description_txt"。
从"线条类型"弹出菜单中选择"多行"。
将字体大小设置为 10。
选择"字体呈现方法"弹出菜单中的"使用设备文本"。

在时间轴中，在 ActionScript 图层的第 10 帧中选择关键帧。

打开"动作"面板，然后添加以下代码：

stop();
fscommand2("SetSoftKeys", "Home", "Next");
title_txt.text = "Summer salad";
description_txt.text = "Butter lettuce with apples, blood orange segments, gorgonzola, and raspberry vinaigrette.";

此代码在两个动态文本字段中显示第一种特色餐的名称说明。它还会使播放头停止在当前帧上，并注册设备的软键。

在 ActionScript 图层上，选择第 20 帧上的关键帧，然后在"动作"面板中输入以下代码：

stop();
title_txt.text = "Chinese Noodle Salad";
description_txt.text = "Rice noodles with garlic sauce, shitake mushrooms, scallions, and bok choy.";

在 ActionScript 图层上，选择第 30 帧上的关键帧，然后在"动作"面板中输入以下代码：

stop();
title_txt.text = "Seared Salmon";
description_txt.text = "Filet of wild salmon with caramelized onions, new potatoes, and caper and tomato salsa.";

在 ActionScript 图层上，选择第 40 帧上的关键帧，然后在"动作"面板中输入以下代码：

stop();
title_txt.text = "New York Cheesecake";
description_txt.text = "Creamy traditional cheesecake served with chocolate sauce and strawberries.";

在 ActionScript 图层上，选择第 50 帧上的关键帧，然后在"动作"面板中输入以下代码：

gotoAndStop("specials");

这段代码将播放头返回到动画序列的开始处。动画序列中的第一个和最后一个图像相同，这会产生一种连续动画的幻觉。

保存所做的更改。

接下来，您将在 Specials 屏幕上添加导航，使用户能够在每种特色餐的图像和说明之间导航。

打开在上一过程中完成的文件。

在时间轴中，选择名为 ActionScript 的图层上的第 10 帧。

打开"动作"面板并输入以下代码：

Key.removeListener (myListener);
var myListener:Object = new Object ();
myListener.onKeyDown = function () {
    var keyCode = Key.getCode ();
    if (keyCode == ExtendedKey.SOFT1) {
        // 处理左软键事件    
        gotoAndPlay ("home");
    }
    else if (keyCode == ExtendedKey.SOFT2) {
        // 处理右软键事件
        play ();
        description_txt.text = "";
        title_txt.text = "";
    }
};
Key.addListener (myListener);

左软键可将播放头移到主应用程序屏幕，右软键可使图像动画前进到动画序列中的下一幅图像。

有关使用事件侦听器的详细信息，请参阅《开发 Flash Lite 2.x 应用程序》中的"使用按键侦听器处理按键事件"。

选择"控制">"测试影片"，在模拟器中测试最终的应用程序。