2017-04-09 1 views
0

Je commence à travailler sur un petit jeu de toile HTML5, et je pensais que GWT serait une excellente idée. Je voudrais utiliser Java, parce que 1. J'ai beaucoup d'expérience avec elle et 2. Je voudrais le faire dans une langue OO. Cependant, j'ai lu quelque chose à propos de la difficulté de gérer le code HTML et CSS via GWT. Donc je me demandais, pourrais-je mettre en place la toile et le style en utilisant HTML + CSS, mais ensuite faire tout le reste dans GWT?Puis-je utiliser GWT avec HTML et CSS manuscrits?

+0

Peut-être que vous êtes intéressé par https://github.com/ibaca/rxcanvas-gwt super simple application de toile ou https://github.com/ibaca/pacman exécutable de base du jeu Pacman en toile JavaFX (JVM) ou toile HTML (GWT). –

Répondre

1

Vous n'avez pas besoin d'utiliser GWT pour générer du code HTML ou CSS.

J'utilise principalement GWT avec Ui: Binder, où l'élément de premier niveau est HTMLPanel. A l'intérieur, autant que possible est HTML et CSS. J'essaie de conserver le CSS au niveau du projet dans un fichier .css externe pour assurer la cohérence, mais vous pouvez tirer autant de CSS que nécessaire dans le modèle Ui: Binder. Exemple de modèle Ui: Binder, où je mélange des widgets (HTMLPanel, FlowPanel) avec du HTML pur. J'utilise des widgets GWT lorsque j'ai besoin de fonctionnalités pratiques qu'ils fournissent déjà, mais vous pouvez également les utiliser en tant qu'éléments.

<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

C'est tout ce dont j'ai besoin, merci! –

+0

Auriez-vous un exemple de projet qui utilise du HTML/CSS manuscrit? Je pense que pouvoir voir la plaie du code m'aide à mieux le comprendre. –

+0

J'ai ajouté un petit exemple. –