哪个GWT布局面板非常适合构建移动友好网站?

时间:2014-09-21 13:30:37

标签: gwt gwtp

好的,移动友好网站应该非常简短,专注于任务,所以它不需要像桌面网站一样显示标题。

这是我想要设计的内容。

当用户在智能手机或平板电脑等移动设备中打开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”怎么样?它看起来怎么样? &安培;移动网站有用吗?

2 个答案:

答案 0 :(得分:2)

最好不要在移动应用中使用任何LayoutPanel。理想情况下,您不应使用任何实现RequiresResize接口的小部件。

此类小部件依赖JavaScript来调整它们的大小。与本机浏览器布局机制相比,这非常慢。它还需要更多代码。这种差异在桌面上并不重要,但在移动设备上非常重要/显着。

一个好的移动库应该完全依赖于本机浏览器布局机制,比如flexbox模型。这是考虑使用mgwt进行移动开发的关键原因。

答案 1 :(得分:1)

GWT中包含的小部件都不是主要的移动设备,因此我建议您使用其他库,例如m-gwtgwt-mobiletouchkit

无论如何,GWT主干中有一个非常简单的mobile web example application,您可以将其用作参考。他们使用DeckLayoutPanel,因为您可以添加多个视图并让它们在它们之间进行动画处理。您可以尝试从移动设备this live demo(您可以附加formfactor = mobile / tablet / desktop来切换视图实施)。该演示非常陈旧,没有使用现代CSS3,但很有帮助。

因此,如果您的应用程序非常简单,请使用DeckLayoutPanel,但如果它变得越来越大,最好考虑移动特定库。