GWT内のCSSスタイルシート

GWT内のCSSスタイルシート
GWTのドキュメントでは、CSSの命名規則は、gwt-Buttonのような「[project]-[widget]」であり、CSSでは以下のように定義できます:.gwt-Button{font-size:150%;}しかし、このような説明は不十分なので、ここでは彼の本当のスタイルシートを並べて、見る必要があります.
AbsolutePanelはDIVで実装され、デフォルトではoverflow:hiddenが設定されています.このDIVの中の内容はx,y座標で位置を決定することができる.<div style="overflow: hidden;"></div> Botton
HTML Button. gwt-Button.
<button class="gwt-Button"/> CellPanel
table ， ， border,cell-spacing 。
<table></table> CheckBox
Html CheckBox， gwt-CheckBox， id，checkN(N )， checked,defaultChecked,disabled 。 。
<checkbox class="gwt-CheckBox"> DeckPanel
DIV ， 。 display 。 Swing CardLayout ， ， 。
DialogBox
gwt-DialogBox，Caption 。 DIV ， Caption DIV。
<div class="gwt-DialogBox">
　<table cell-spacin="0" cell-padding="0">
　　<tbody>
　　　<tr><td><div class="Caption">Caption</div></td></tr>
　　　<tr><td>Content</td></tr>
　　</tbody>
　</table>
</div> DockPanel
Table ，cell-spacin,cell-padding 0， DockPanel tr,td 。
<table cell-spacing="0" cell-padding="0">
　<tbody></tbody>
</table> FlexTable
Table， 。
<table>
　<tbody></tbody>
</table> FlowPanel
DIV ， display inline。
<div style="display:inline;">content</div> FocusPanel
DIV， focusevents,keyevents,onclick mouseevents， " " 。
<div>content<div> FocusWidget
， Focusevents,keyevents。 Frame
IFrame, gwt-Frame
<iframe></iframe> Grid
Table
<table><tbody></tbody></table> HTML
DIV， gwt-HTML， white-space normal,nowrap。 HTMLPanel
DIV， HTML ， gwt-HTML 。 createUniqueId， id,HTMLPanel_N。 CheckBox checkN, ， 。 。
<div>content</div> HTMLTable
， Table ， ， Grid,FlexTable 。 。 thead。 ， 。
<table><tbody></tbody></table>
table.getRowFormtter(0).setStyleName("style"); HorizontalPanel
， 。
　　　　　　　　　　　　

Item 1

Item 2

HyperLink
DIV， ：gwt-HyperLink
<div></div> Image
， IMG.gwt-Image 。
<img src="..."/> Label
DIV， gwt-Label。Label HTML ， ， HTML ， 。Label ， setWordWrap 。
<div class="gwt-Label">content</div> ListBox
Select Option 。gwt-ListBox 。 selected,size,multples 。 MenuBar
DIV 。 ， ， ， ， 。gwt-MenuBar DIV 。


　　　 　　　　　　　　　　　　　　　　　

text or html

text or html

MenuItem
。 gwt-MenuItem. ，gwt-MenuItem-selected. class="gwt-MenuItem", class="gwt-MenuItem gwt-MenuItem-selected". PasswordTextBox
Password ， gwt-PasswordTextBox 。 PopupPanel
DIV. RadioButton
INPUT ， gwt-RadioButton 。 RootPanel
RootPanel ， 。 ， ， 。 ScrollPanel
Div overflow scroll auto.


　content

SimplePanel
Div. StackPanel
， ， ， 。 gwt-StackPanel ， gwt-StackPanelItem gwt-StackPanelItem-selected. ， gwt-StackPanelItem gwt-StackPanelItem-seleted.
　　　　　　　　　　　　　　　　

text/html

content -- a widget

TabBar
TabBar HorizontalPanel ， Table, gwt-TabBar。 ， ， gwt-TabBarFirst, , ， gwt-TabBarRest。 ，gwt-TabBarItem-selected ， MenuItem 。
　　　　　　　　　　　　　　　　　　

 

Tab #1

Tab #2

 

TabPanel
VerticalPanel ， TabBar DeckPanel， ， gwt-TabPanel 。gwt-TabBar TabBar,gwt-TabPanelBottom DeckPanel DIV 。 TabBar width:100% ， TabBar gwt-TabBarRest 。
　　　　　　　　　　　　　　　　

   

TextArea
TextArea, gwt-TextArea. TextBox
Tree
TreeItem Div， gwt-Tree, overflow:auto.


　

　　　　　　　　　　　　　　　　　　　

TreeItem
DIV 。 gwt-TreeItem gwt-TreeItem-selected， 。 gwt-TreeItem-selected gwt-TreeItem。 StackPanel 。


　　　　　　　　　　　　

content

　children

VerticalPanel
， 。
　　　　　　

Item 1

Item 2

：
http://blogs.nubgames.com/code/?p=13
Technorati : gwt css