难点造型GWT接口

Question

我得到的造型GWT现有的小部件，如装饰面板，如何从蓝色更改的边框颜色到另一种颜色或堆叠面板，如何更改标题的颜色。有人知道如何完全自定义小部件或面板吗？

Answer 1

应用于GWT控件的默认样式列在API。看看DecoratedStackPanel。在那里，你会看到列出以下样式：

• .gwt-DecoratedStackPanel {面板 本身}
• .gwt-DecoratedStackPanel .gwt-StackPanelItem {未选 项目}
• .gwt-DecoratedStackPanel。 GWT-StackPanelItem选择{ 所选项目}
• .gwt-DecoratedStackPanel .gwt-StackPanelContent {包装 围绕项目的内容}
• .gwt-DecoratedStackPan EL .stackItemTopLeft {项目的左上角 }
• .gwt-DecoratedStackPanel .stackItemTopLeftInner {内 电池的元件}
• .gwt-DecoratedStackPanel .stackItemTopCenter
• {的 项顶部中心} .gwt-DecoratedStackPanel .stackItemTopCenterInner
• .gwt-DecoratedStackPanel .stackItemTopRight {右上方的项目的角落 }
• .gwt-DecoratedStackPanel .stackItemTopRightInner {中{的小区的内 元件} NER细胞 元件}
• .gwt-DecoratedStackPanel .stackItemMiddleLeft {的 项}左侧
• .gwt-DecoratedStackPanel .stackItemMiddleLeftInner {小区}
• .gwt-DecoratedStackPanel的内 元件。 stackItemMiddleCenter {的 中心的项目，其中，所述文本项驻留 }
• .gwt-DecoratedStackPanel .stackItemMiddleCenterInner {的 的小区的内部元件}
• .gwt-DecoratedStackPa NEL .stackItemMiddleRight
• .gwt-DecoratedStackPanel .stackItemMiddleRightInner {细胞的 内部元件}

为了覆盖这些样式之一记得来声明定义@external {的 项目右侧}以确保它不被混淆（请参阅here）。

Answer 2

GWT主题通过主题模块注入。他们可以在com.google.gwt.user.theme package找到。例如要包括标准添加以下继承：

<inherits name="com.google.gwt.user.theme.standard.StandardResources"/> 

您可以通过创建一个类似的模块来创建自己的自定义样式。只需复制其中一个标准主题的内容并创建自己的gwt模块，并将您继承到模块。

为了使事情更容易，这个主题生成器：http://gwt-theme-generator.appspot.com/生成了GWT风格的CSS和图像。这应该可以帮助你快速入门。它包含.gwt-Decorated风格。