在GWT中加載圖片

我一直在GWT中進行一個項目，爲此我需要顯示一個加載圖像，如「Please Wait ...」。在GWT中加載圖片

我能夠解決這個問題，直到頁面加載。但在歷史令牌更改期間，我無法顯示相同的內容。我創建了一個分工如下圖所示，

<div id="loader"> 
      <div id="loaderPanel"> 
      </div> 
      <div id="loaderImage"> 
       <div id="loaderText"> 
        <b>Please Wait...</b> 
       </div> 
       <img src="images/loader.gif"/> 
      </div> 
     </div>

而且，這裏是我的CSS

#loaderPanel { 
    background-color: white; 
    display: block; 
    height: 100%; 
    left: 0; 
    opacity: 0.8; 
    position: fixed; 
    top: 0; 
    width: 100%; 
    z-index: 1001; 
} 


#loaderImage { 
    background-color: transparent; 
    left: 48%; 
    position: fixed; 
    top: 48%; 
    z-index: 1002; 
} 

#loaderImage img{ 
    height:22px; 
    margin-left:4px; 
    margin-top:0px; 
    width:119px; 
} 

#loaderText{ 
    font-family:'Verdana'; 
    font-weight:bold; 
    font-size:0.9em; 
    float:left; 
}

這是我用來做DIV可見&無形的一段代碼。

DOM.getElementById("loader").getStyle().setDisplay(Display.NONE); 
DOM.getElementById("loader").getStyle().setDisplay(Display.BLOCK);

任何人都可以請建議我一個更好的方式，以示對歷史變遷加載GIF圖像？

來源

2012-03-08 Vijay Sarin

我得到了答案，

它不顯示加載圖像，因爲執行本地速度要快得多。但是當涉及到生產模式時，我發現，它顯示了一段時間的加載圖像。

由於我的客戶嚴格需要顯示加載程序，他建議我添加一個小的延遲。所以我在Timer Scheduled中添加了延遲。當它顯示加載程序時，我做了頁面中使用的圖像和其他對象的預先獲取。

所以我記住我的問題是關閉 ...

來源

2012-03-19 09:58:28

你應該實現HistoryListener並顯示在onModuleLoad（）方法被調用的GIF：

http://google-web-toolkit.googlecode.com/svn/javadoc/1.5/com/google/gwt/user/client/History.html

來源

2012-03-08 07:18:50

我使用的MVP模式這一點。那麼給模塊加載方法是否靈活？ – 2012-03-08 07:22:46

我目前使用 ValueChangeHandler和OnValueChanged（）來處理歷史更改。 – 2012-03-08 07:25:03

但是HistoryListener不推薦使用，所以你能告訴我如何使用ValueChangeHandler（）方法實現 – 2012-03-08 07:26:56

在GWT中加載圖片

回答

相關問題