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

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

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

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

источник

2012-03-02 João Daniel

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

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

источник

2012-03-02 18:11:38 Oleksi

Вам необходимо ознакомиться с Ui: Binder. Это потрясающая особенность. Прочитайте документы внимательно, потому что вы можете сделать некоторые интересные вещи, когда вы интегрируете UiBinder. [UiBinder] (http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html). Обратите внимание на [программный доступ] (http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html#Programmatic_access) и раздел внешних ресурсов –

Мне понадобился (код) и Дэн (дизайн) около месяца чтобы добраться до удобного места для нас обоих с UiBinder, но сейчас это действительно окупается. В некоторых ситуациях преобразование из не-uibinder в uibinder было трудным, особенно там, где требуется инъекция и комбинация CssResource, но в конечном итоге также стоит того. –

Это именно виджеты GWT, которые заставляют меня волноваться! Я не думаю, что буду использовать сложные виджеты GWT, но, вероятно, текстовые поля GWT, выпадающие меню, слайдеры и кнопки. Когда дизайнер создает пользовательский интерфейс, он изменит внешний вид этих виджетов. Мне нужно встроить этот новый вид в виджеты моего приложения. Легко ли это? Или это связано с изменением стилей '.GWT-nameOfTheComponent'? –

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

источник

2012-03-02 18:05:35 Deanna

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

ответ

Смежные вопросы