将GWT网页游戏转换为支持移动浏览器

我有一个在GWT中构建的网页游戏。我真的很努力使其移动友好。为了支持桌面的多种屏幕尺寸，我只使用了transform：scale（*）CSS属性，但它似乎并不适用于移动浏览器。关于如何解决这个问题的任何指导方针/提示？ http://www.poker-fighter.com/PokerFighter.html 将GWT网页游戏转换为支持移动浏览器

来源

2016-06-10 Guy Sela

关于响应式设计没有太多关于GWT的具体规定。大多数技术对于所有HTML/CSS/JS框架都是相同的。（注意：您应该从未使用scale()，以此来适应屏幕大小。）

我真的很喜欢GWT的，但是，是针对不同的屏幕尺寸创建不同的布局的能力，并建立独立的用于手机和平板电脑/桌面的排列，而不是使用媒体查询断点或其他臃肿代码或CSS文件的技术。为了实现这个目标，我通常创建一个抽象视图实现（即GameboardViewImpl），该抽象视图实现包括所有形式因素所共有的代码和UI引用，然后扩展此抽象视图实现以创建特定于形式因子的实现。 GameboardViewImplDesktop和GameboardViewImplPhone。这种方法不仅可以创建更小更高效的代码，还可以创建更容易开发和维护的代码。您只需刷新浏览器并查看每个视图在桌面，平板电脑或手机外观方面的外观，并且如果看起来不正确，则您确切知道在哪里解决问题。

看一看MGWT - 您可能需要也可能不需要它提供的所有平台特定的窗口小部件和样式，但您至少可以使用MGWT.getFormFactor()以及类似的方法。

来源

2016-06-11 01:32:45

谢谢。 1.为什么我不应该使用比例尺？ 2.我其实几乎没有使用任何小工具，所以我不认为MGWT可以帮助我。布局明智，假设我只想要最微不足道的事情 - 拥有完全相同的布局，但我希望它适合移动屏幕。仍然不明白我怎么能做到这一点。 –

有很多原因不使用比例尺，但最重要的是：当您从我的屏幕（2560x1440 CSS像素）缩放到某个小型手机（320x533 CSS像素）时，它可能会使UI变得不可读或荒谬的很大。而且你不会利用xhdpi和hdpi分辨率来让你的游戏看起来更加清晰。 –

MGWT可以轻松检测出您的用户具有哪些形状因素和屏幕密度。当然，如果你愿意，你可以用纯JS做。 –

将GWT网页游戏转换为支持移动浏览器

回答

相关问题