我可以将 GWT 与手写的 HTML 和 CSS 一起使用吗？

Question

我正在着手开发一个小的 HTML5 画布游戏，我认为 GWT 会是一个好主意。我想使用 Java，因为 1. 我有很多经验 2. 我想用 OO 语言来做。然而，我读到了一些关于通过 GWT 管理 HTML 和 CSS 的痛苦。所以我想知道，我是否可以设置画布并使用纯 HTML+CSS 对其进行样式设置，然后在 GWT 中执行其他所有操作？

Answer 1

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

我主要将 GWT 与 Ui:Binder 一起使用，其中顶级元素是 HTMLPanel。在其中，尽可能多地使用纯 HTML 和 CSS。我尝试将项目级 CSS 保存在外部 .css 文件中以确保一致性，但您可以在 Ui:Binder 模板中提取尽可能多的 CSS。

Ui:Binder 模板示例，其中我将小部件（HTMLPanel、FlowPanel）与纯 HTML 混合在一起。当我需要 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>