2009-07-26 2 views
2

Я заинтересован в GWT, но считаю стили по умолчанию настолько уродливыми. Я знаю CSS, но не имею большого представления о том, как модифицировать стили GWT технически. Учебник по этому вопросу будет замечательным.Есть ли хорошие учебники по изменению стилей Google GWT?

ответ

0

Here - это ссылка на одно введение. В принципе, вы можете вызвать «setStyleName» в своем виджете GWT и дать ему любой стиль CSS, который вы хотите. Затем вы можете делать возиться с точной цветовой гаммой и т. Д. В файле CSS, как обычно.

+0

Вместо этого я скорее использую setStylePrimaryName, так что все производные стили также автоматически обновляются. GWT содержит 3 примера таблиц стилей, которые вы можете использовать. Может быть, вы можете взглянуть на них, чтобы понять, как они работают? –

0

Последние версии GWT включают три темы: Стандарт, Хром и Темный. Если это то, что вы имеете в виду под «стилей по умолчанию», то вы можете удалить его, убедившись, что ваше определение модуля не включает в себя какие-либо из них:

<inherits name='com.google.gwt.user.theme.standard.Standard'/> 
<inherits name='com.google.gwt.user.theme.chrome.Chrome'/> 
<inherits name='com.google.gwt.user.theme.dark.Dark'/> 
0

Чтобы изменить стиль вашего приложения GWT вы можете:

  • Выбор между стилями GWT по умолчанию, как указано Исааком

  • Примените стиль на конкретные элементы, как упомянуто Петром

  • Или переопределить стиль по умолчанию GWT:

Каждый виджет GWT имеет по умолчанию имя ассоциируется стиль, который обычно следует этому соглашению по именованию: .gwt-<className>.

Пример:

.gwt-Label{ 
    /* your css settings */ 
} 

Таким образом, вы можете использовать это имя в пользовательском CSS, чтобы стилизовать все этикетки в вашем приложении. Вы можете проверить имя стиля по умолчанию для каждого виджетов в GWT's Javadoc (Правила стиля CSS).

Это учебник Google для applying styles in GWT.

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