Дизайн пользовательского интерфейса с GWT

Я нанимаю дизайнера для создания пользовательского интерфейса для своего веб-приложения. Однако я полностью потерял информацию о том, как интегрировать дизайн, который он мне предоставит с помощью веб-приложения GWT.

Существует множество способов создания пользовательского интерфейса в GWT. Я считаю, что лучшим вариантом для этого случая будет связующее UI, где я могу использовать HTML для создания страниц. Однако виджеты GWT, такие как текстовое поле, раскрывающийся список, кнопки и т.д., Имеют собственный CSS, который не является тем же самым css страницы. Поэтому я считаю, что эта интеграция немного запутанна.

Я правильно отношусь к сложности этой задачи? Есть ли правильный способ сделать это (возможно, создание темы GWT)? Должен ли я нанимать кого-то для этой интеграции? Если да, то какой профессионал я ищу?

2 ответа

У меня была аналогичная ситуация на работе один раз. Если вы используете ui: Binder, ваш веб-дизайнер может разработать большую часть пользовательского интерфейса, используя HTML и CSS, языки, которые они уже знали. Возможно, потребуется небольшая интеграционная работа, но большая часть пользовательского интерфейса приложения может быть построена традиционным, декларативным способом.

Обратите внимание, что здесь есть некоторые неприятности. Для некоторых компонентов проще использовать виджет GWT, а не чистый элемент HTML. Однако GWT иногда преобразует это в нечетный HTML, поэтому разработчику потребуется некоторое время, чтобы узнать, как GWT отображает виджеты и соответственно изменяет таблицы стилей.


Вы можете переопределить любое имя стиля gwt в ********. Кроме того, есть список стилей gwt, которые вы можете переопределить в css, если вы хотите сделать это таким образом. Конечно, вам не нужно создавать виджеты gwt для всего, что не имеет взаимодействия с кодом, которое просто оставляет простой html и стили внутри ********. ******** предназначен для точного разделения задач, которые вы пытаетесь настроить.

licensed under cc by-sa 3.0 with attribution.