2012-03-02 63 views
8

我正在招聘設計師爲我的web應用程序構建UI。但是,我完全失去了如何整合他將通過GWT Web應用程序提供給我的設計。GWT的UI設計

有很多方法可以在GWT中構建UI。我相信這種情況下的最佳選擇是UI綁定,我可以使用HTML來構建頁面。然而,像文本框,下拉,按鈕等GWT小部件有自己的CSS不是頁面的相同的CSS。所以我認爲這種整合有點混亂。

我對這項任務的難度正確嗎?有沒有一個合適的方式來做到這一點(也許創建一個GWT主題)?我應該僱人來做這個整合嗎?如果是的話,我在找什麼樣的專業人士?

回答

5

我曾經有過類似的情況。如果您使用ui:Binder,則您的網頁設計師可以使用HTML和CSS(他們已知的語言)開發大部分用戶界面。可能要做一點整合工作,但大多數應用程序的UI可以用傳統的聲明方式構建。

請注意,這裏有一些煩惱。對於某些組件,使用GWT小部件比使用純HTML元素更容易。但是,GWT有時會將其轉換爲奇怪的HTML,因此設計人員需要一些時間才能瞭解GWT如何顯示小部件並相應地修改樣式表。

+5

你們都需要熟悉Ui:Binder。這是一個了不起的功能。仔細閱讀文檔是因爲您可以在集成UiBinder時做一些很酷的事情。 [UiBinder的](http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html)。請注意[程序訪問](http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html#Programmatic_access)和外部資源部分 – 2012-03-02 19:31:52

+2

它花了我(代碼)和丹(設計)大約一個月通過UiBinder爲我們兩個人打造一個舒適的地方,但現在它真的得到了回報。在某些情況下,從非uibinder轉換爲uibinder非常困難,特別是在需要CssResource注入和組合的情況下,但最終也是值得的。 – 2012-03-02 20:06:17

+0

這正是GWT小部件,讓我擔心!我不認爲我會使用複雜的GWT小部件,但可能是GWT文本框,下拉列表,滑塊和按鈕。當設計師製作UI時,他會改變這些小部件的外觀。我需要將這個新外觀嵌入到我的應用程序的小部件中。這很容易嗎?或者它涉及改變那些'.GWT-nameOfTheComponent'樣式? – 2012-03-03 03:17:42

0

您可以覆蓋uibinder中的任何gwt樣式名稱。另外,如果你想這樣做,你可以在css中重載gwt樣式列表。當然,您不必爲任何沒有代碼交互的任何事情創建gwt小部件,這隻會在uibinder中留下純粹的html和樣式。 Uibinder旨在處理您嘗試設置的任務的確切分工。