難點造型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風格。