2012-03-02 11 views
8

Assunzioni un designer per creare l'interfaccia utente per la mia applicazione web. Tuttavia sono completamente perso su come integrare il design che mi fornirà con l'applicazione web GWT.Progettazione dell'interfaccia utente con GWT

Esistono molti modi per creare un'interfaccia utente in GWT. Credo che la scelta migliore per questo caso sia il raccoglitore dell'interfaccia utente, in cui posso utilizzare l'HTML per creare le pagine. Tuttavia i widget GWT come textbox, dropdown, pulsanti, ecc. Hanno il loro CSS che non è lo stesso css della pagina. Quindi credo che questa integrazione sia un po 'confusa.

Sono corretto sulla difficoltà di questo compito? C'è un modo corretto per farlo (magari creando un tema GWT)? Dovrei assumere qualcuno per fare questa integrazione? Se sì, qual è il tipo di professionista che sto cercando?

risposta

5

Ho avuto una situazione simile al lavoro una volta. Se si utilizza ui:Binder, il web designer può sviluppare la maggior parte dell'interfaccia utente utilizzando HTML e CSS, lingue che già conoscono. Potrebbe esserci un piccolo lavoro di integrazione da fare, ma la maggior parte dell'interfaccia utente dell'applicazione può essere costruita in modo tradizionale e dichiarativo.

Nota che ci sono alcuni fastidi qui. Per alcuni componenti, è più semplice utilizzare un widget GWT piuttosto che un elemento HTML puro. Tuttavia, a volte GWT lo converte in HTML strano, quindi ci vorrà del tempo perché il progettista apprenda come GWT visualizza i widget e modifica i fogli di stile di conseguenza.

+5

Entrambi avete bisogno di familiarizzare con Ui: Binder. È una caratteristica incredibile. Leggi attentamente i documenti perché puoi fare alcune cose interessanti quando integri UiBinder. [UiBinder] (http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html). Presta attenzione a [accesso programmatico] (http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html#Programmatic_access) e alla sezione risorse esterne –

+2

Ci sono voluti (codice) e Dan (progettazione) circa un mese per raggiungere un posto confortevole per entrambi con UiBinder, ma sta davvero pagando ora. La conversione da non-uibinder a uibinder era ardua in alcune situazioni, specialmente dove è necessaria l'iniezione e la combinazione di CssResource, ma alla fine ne vale la pena. –

+0

Sono proprio i widget GWT a farmi preoccupare! Non penso che userò widget GWT complessi, ma probabilmente casella di testo GWT, menu a discesa, cursori e pulsanti. Quando il designer crea l'interfaccia utente, cambierà l'aspetto di quei widget. Ho bisogno di incorporare questo nuovo aspetto ai widget della mia applicazione. È facile da fare? O è qualcosa che comporta il cambiamento di quegli stili '.GWT-nameOfTheComponent'? –

0

È possibile eseguire l'override di uno qualsiasi dei nomi di stile gwt in uibinder. Inoltre, c'è un elenco di stili gwt che puoi sovrascrivere in css se vuoi farlo in questo modo. Ovviamente non devi creare widget gwt per tutto ciò che non ha interazione con il codice, che lascia semplicemente html e stili all'interno di uibinder. Uibinder è progettato per gestire l'esatta divisione delle attività che stai tentando di configurare.