如何在启动画面上添加进度环

时间:2013-02-06 06:38:53

标签: javascript winjs

我正在使用javascript工作win 8 app。如何在启动屏幕上添加进度环,直到应用程序加载并在集线器上加载数据?

1 个答案:

答案 0 :(得分:1)

微软已经在MSDN上发布了一个很好的样本,其中包含详细信息(参见here),但这是基础知识。

  • 在您的应用程序中,添加一个新的DIV,它是body的直接子项,并将其样式设置为:

示例:

.myExtendedSplash {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: red; // your app colour
}
  • 应用程序内部包括您的应用程序的启动图像,位置适当(需要脚本,请参阅示例)
  • <progress class="win-ring win-medium></progress>添加到您在第一步中创建的splashscreen div

轰!

复杂性来自:

  • 需要具有操作系统启动的确切位置,这位于激活的事件args
  • 如果用户在显示屏幕分辨率或方向时更改屏幕分辨率或方向,则需要调整此启动画面的位置(处理窗口调整大小,事件参数更新)