2017-04-09 64 views
0

我开始做一个小小的HTML5画布游戏,我在想GWT会是一个好主意。我想使用Java,因为1.我有很多经验和2.我想用OO语言来做。然而,我读了一些关于通过GWT管理HTML和CSS的痛苦。所以我想知道,是否可以设置画布并使用纯HTML + CSS进行设计,但是在GWT中执行其他任何操作?我可以使用GWT与手写HTML和CSS吗?

+0

也许你有兴趣https://github.com/ibaca/rxcanvas-gwt超级简单的帆布应用或https://github.com/ibaca/pacman基本的吃豆子游戏的可执行文件中的JavaFX帆布(JVM)或HTML画布(GWT)。 –

回答

1

您不需要使用GWT来生成HTML或CSS。

我主要使用GWT和Ui:Binder,其中顶层元素是HTMLPanel。在它里面,尽可能多的是纯HTML和CSS。我尝试将项目级CSS保留在.css文件外部以确保一致性,但是您可以在Ui:Binder模板中根据需要提取尽可能多的CSS。

Ui:Binder模板的示例,其中我使用纯HTML混合了小部件(HTMLPanel,FlowPanel)。当我需要一些他们已经提供的便利功能时,我使用GWT小部件,但是您也可以将它们作为元素来处理。

<ui:style> 
    .empty { 
     width: 100%; 
     line-height: 96px; 
     font-size: 16px; 
     text-align: center; 
    } 
</ui:style> 

<g:HTMLPanel> 

    <h2 class="sides">My Favorites</h2> 

    <div ui:field="emptyLabel" class="{style.empty}" >You have no favorites at this time.</> 

    <g:FlowPanel ui:field="container" addStyleNames="row flex-wrap" /> 

</g:HTMLPanel> 
+0

这就是我所需要的,谢谢! –

+0

你会碰巧有一个使用手写HTML/CSS的示例项目吗?我认为能够看到代码伤口帮助我更好地理解它。 –

+0

我添加了一个小例子。 –

相关问题