我可以使用GWT與手寫HTML和CSS嗎？

我開始做一個小小的HTML5畫布遊戲，我在想GWT會是一個好主意。我想使用Java，因爲1.我有很多經驗和2.我想用OO語言來做。然而，我讀了一些關於通過GWT管理HTML和CSS的痛苦。所以我想知道，是否可以設置畫布並使用純HTML + CSS進行設計，但是在GWT中執行其他任何操作？我可以使用GWT與手寫HTML和CSS嗎？

來源

2017-04-09 Duncan X Simpson

也許你有興趣https://github.com/ibaca/rxcanvas-gwt超級簡單的帆布應用或https://github.com/ibaca/pacman基本的吃豆子游戲的可執行文件中的JavaFX帆布（JVM）或HTML畫布（GWT）。 –

您不需要使用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>

來源

2017-04-09 01:16:48

這就是我所需要的，謝謝！ –

你會碰巧有一個使用手寫HTML/CSS的示例項目嗎？我認爲能夠看到代碼傷口幫助我更好地理解它。 –

我添加了一個小例子。 –

我可以使用GWT與手寫HTML和CSS嗎？

回答

相關問題