2013-02-06 35 views
2

我正在使用JavaScript贏得8個應用程序。如何在啓動屏幕上添加進度環,直到應用程序加載並在hubpage上加載數據爲止?如何在啓動畫面上添加進度環

+1

http://stackoverflow.com/questions/13308516/how-to-add-a-progress-ring-to -the-splash-screen-in-windows-8 – fionbio

+0

我正在開發它JavaScript的。我沒有找到任何相關的職位。 – ashus

+1

這確實是一個不同的問題,採用不同的解決方案。請reask - 我有一個答案! –

回答

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

熱潮!

的複雜性來自:

  • 需要有OS飛濺的準確位置,這是在被激活的事件參數
  • 孤男寡女調整該初始屏幕的位置,如果用戶改變屏幕分辨率或方向(處理窗口大小和事件參數更新)