哪个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布局面板适合建立移动友好网站？

回答

相关问题