哪個GWT佈局面板適合建立移動友好網站？

好吧，一個移動友好的網站應該很短，並專注於任務，所以它不需要顯示在桌面網站中的標題。哪個GWT佈局面板適合建立移動友好網站？

這是我想要設計的。

當用戶在智能手機或平板電腦等移動設備中打開mydomain.com時。他們會看到

 
Email: 
Pass: 
Login 

Registration 

Explanation 

About

當他們點擊登錄，他們會去列出所有產品頁面，該頁面應該有「主頁」鏈接的後退按鈕

 
Home Back 

Product 1 , some other info 
Product 2 , some other info 
Product 3 , some other info 
......

當用戶點擊一個產品，它會顯示產品

 
Home Back 

This is Product 1 

Detail info of product 1..

如果用戶點擊「返回」按鈕，然後將返回到前一頁的內容（即產品頁的列表）。請注意：在主頁中，我們也有「註冊」，「說明」&「關於」按鈕，但我們絕不會在主頁以外的任何其他頁面中顯示這些按鈕。

所以，我的問題是：

是否有任何GWT佈局面板，可以幫助我實現移動友好的網站那麼簡單的設計？

我可以看到的唯一一個是TabLayoutPanel，但標題總是出現在所有頁面中。

「StackLayoutPanel」呢？它看起來像什麼？ &對手機網站有好處嗎？

來源

2014-09-21 Tum

GWT附帶的小部件都不是主要的移動設備，所以我建議您使用另一個庫，如m-gwt，gwt-mobile或touchkit。

無論如何，GWT中繼線中有一個非常簡單的mobile web example application，您可以將它用作參考。他們使用DeckLayoutPanel，因爲您可以添加多個視圖並讓它們在它們之間進行動畫製作。您可以從移動設備上嘗試this live demo（您可以附加formfactor = mobile/tablet/desktop切換視圖實現）。該演示非常古老，沒有使用現代CSS3，但很有幫助。因此，如果你的應用程序非常簡單，使用DeckLayoutPanel，但是如果它會變得越來越大，最好考慮一個移動特定的庫。

來源

2014-09-22 10:40:11

非常感謝，非常感謝 – Tum 2014-09-22 11:19:38

最好不要在移動應用程序中使用任何LayoutPanel。理想情況下，您不應該使用實現RequiresResize接口的任何小部件。

這樣的小部件依靠JavaScript調整它們的大小。與原生瀏覽器佈局機制相比，這非常慢。它也需要更多的代碼。這種差異在桌面上並不顯着，但在移動設備上非常重要/顯着。

一個好的移動庫應該完全依賴原生瀏覽器佈局機制，如flexbox模型。這是考慮mgwt移動開發的關鍵原因。

來源

2014-09-22 15:22:52

重要信息，非常感謝你 – Tum 2014-09-22 20:00:33

哪個GWT佈局面板適合建立移動友好網站？

回答

相關問題