2012-03-02 22 views
8

Estoy contratando un diseñador para construir la interfaz de usuario para mi aplicación web. Sin embargo, estoy completamente perdido sobre cómo integrar el diseño que me entregará con la aplicación web GWT.Diseño de interfaz de usuario con GWT

Existen muchas maneras de crear una interfaz de usuario en GWT. Creo que la mejor opción para este caso sería la carpeta UI, donde puedo usar HTML para construir las páginas. Sin embargo, los widgets de GWT como el cuadro de texto, la lista desplegable, los botones, etc. tienen su propio CSS que no es el mismo CSS de la página. Entonces creo que esta integración es un poco confusa.

¿Estoy correcto acerca de la dificultad de esta tarea? ¿Hay una forma adecuada de hacerlo (tal vez creando un tema GWT)? ¿Debo contratar a alguien para hacer esta integración? En caso afirmativo, ¿cuál es el tipo de profesional que estoy buscando?

Respuesta

5

Tuve una situación similar en el trabajo una vez. Si usa ui:Binder, su diseñador web puede desarrollar la mayor parte de la interfaz de usuario utilizando HTML y CSS, idiomas que ya conocería. Puede haber un pequeño trabajo de integración por hacer, pero la mayoría de la interfaz de usuario de la aplicación se puede construir de una manera tradicional y declarativa.

Tenga en cuenta que aquí hay algunas molestias. Para algunos de los componentes, es más fácil usar un widget GWT en lugar de un elemento HTML puro. Sin embargo, GWT a veces convierte esto en HTML impar, por lo que el diseñador tardará un tiempo en aprender cómo GWT muestra los widgets y modificar las hojas de estilo en consecuencia.

+5

Ambos necesitan familiarizarse con Ui: Binder. Es una característica sorprendente. Lea los documentos de cerca porque puede hacer algunas cosas interesantes cuando integra UiBinder. [UiBinder] (http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html). Preste atención a [acceso programático] (http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html#Programmatic_access) y a la sección de recursos externos –

+2

Me tomó (código) y Dan (diseño) alrededor de un mes para llegar a un lugar cómodo para los dos con UiBinder, pero en realidad está dando sus frutos ahora. La conversión de "non-uibinder" a "uibinder" fue ardua en algunas situaciones, especialmente donde es necesaria la inyección y combinación de CssResource, pero finalmente también lo vale. –

+0

¡Son exactamente los widgets de GWT los que me preocupan! No creo que use widgets GWT complejos, pero probablemente GWT textbox, menú desplegable, controles deslizantes y botones. Cuando el diseñador crea la interfaz de usuario, cambiará la apariencia de esos widgets. Necesito incorporar esta nueva apariencia a los widgets de mi aplicación. ¿Es fácil hacerlo? ¿O es algo que implica cambiar esos estilos '.GWT-nameOfTheComponent'? –

0

Puede anular cualquiera de los nombres de estilo gwt en uibinder. Además, hay una lista de estilos de gwt que puede anular en css si desea hacerlo de esa manera. Por supuesto, no es necesario crear widgets de gwt para nada que no tenga interacción de código, lo que simplemente deja html y estilos simples dentro de uibinder. Uibinder está diseñado para manejar la división exacta de tareas que está tratando de configurar.

Cuestiones relacionadas