创建主屏幕的菜单

在本部分中,您将创建应用程序主屏幕的菜单。该菜单包含两个选项:"Specials"和"Reservations"。"Specials"选项可以让用户导航到能够查看餐馆特色餐的图像和说明的屏幕。"Reservations"选项可以拨打餐馆的电话,使用户可以进行订餐。

该菜单由两个标准的 Flash 按钮构成,这两个按钮定义弹起、指针经过和按下状态。用户通过按设备的上箭头键或下箭头键可以将焦点赋予其中的一个按钮。当按钮获得焦点时,它显示指针经过状态。当用户按设备上的选择键时,具有焦点的按钮会生成一个按钮 press 事件。这一默认的 Tab 键导航可以提供一种简便的方法来创建 Flash Lite 应用程序的简单用户界面。有关使用 Tab 键导航的详细信息,请参阅《开发 Flash Lite 1.x 应用程序》中的"在 Flash Lite 中使用 Tab 键导航"

要创建主屏幕菜单,请执行以下操作:

  1. 在 Flash 中,打开在上一部分中保存的文件(请参阅选择测试设备和内容类型)。
  2. 在"时间轴"窗口("窗口">"时间轴")中,选择 menu 图层上的第 1 帧。
  3. 要创建菜单,请打开"库"面板("窗口">"库"),然后将名为 Specials 的按钮元件的实例拖到舞台上。

    将该按钮放在介绍餐馆的文本字段(已就位)的下方。

  4. 将名为 Reservations 的按钮元件的一个实例拖到舞台上,并将其放置在"Specials"按钮的下方,如下图所示:

  5. 选择"Specials"按钮,然后打开"动作"面板("窗口">"动作")。
  6. 将以下代码添加到"动作"面板中:
    on(press) {
        gotoAndStop("specials");
    }
    

    当用户选择此按钮时,这段事件处理函数代码会将播放头转到标记为 specials 的帧。您将在下一部分中创建该帧的内容(请参阅创建特色餐屏幕)。

  7. 在舞台上,选择"Reservations"按钮,然后再次打开"动作"面板。。
  8. 在"动作"面板中,输入以下代码:
    on(press) {
        getURL("tel:1-415-555-1212");
    }
    

    当用户选择"Reservations"菜单项时,Flash Lite 会拨打指定号码的电话。Flash Lite 总会提示用户允许还是拒绝来自 SWF 文件的拨号请求。有关详细信息,请参阅《学习 Flash Lite 1.x ActionScript》中的"启动电话"

  9. 在时间轴中,选择 Actions 图层上的第 1 帧。
  10. 打开"动作"面板并输入以下代码:
    stop();
    _focusRect = false;
    fscommand2("resetsoftkeys");
    fscommand2("setquality", "high");
    fscommand2("fullscreen", "true");
    

    这段代码执行以下操作:

    • 将播放头停在此帧。
    • 禁用默认情况下 Flash Lite 在当前具有焦点的按钮或输入文本字段周围绘制的黄色焦点矩形(请参阅《开发 Flash Lite 1.x 应用程序》中的"关于焦点矩形")。
    • 将软键重置为其默认状态。(在教程的后面部分,您将添加代码以注册软键供应用程序使用。)
    • 将播放器的呈现品质设置为高。默认情况下,Flash Lite 以中等品质呈现图形内容。
    • 强制播放器以全屏显示应用程序。
  11. 要测试到目前为止您所完成的工作,请选择"控制">"测试影片"。
  12. 在模拟器中,用鼠标单击小键盘上的上箭头键或下箭头键(或按计算机键盘上的上箭头键或下箭头键)以使"Specials"按钮具有焦点。

    当"Specials"按钮项目获得焦点时,您会看到该按钮变为指针经过状态。

  13. 单击模拟器小键盘上的"选择"键(或按键盘上的 Enter 键)以选择该菜单项。

    此时,特色餐屏幕上尚没有任何功能。在下一部分中,您将添加交互和动画以创建该特色餐屏幕(请参阅创建特色餐屏幕)。