GWT中格式各樣的panel

Panel是構造一個web網頁的基石,它是一種能存放其它widget(小部件)的widget,GWT中給我們提供了各式各樣的panel,本篇就其中常用的panel作一個簡單的說明,具體實例請參考GWT API(http://download.csdn.net/source/2202425)

com.google.gwt.user.client.ui.Panel

:所有panel的抽象父類

com.google.gwt.user.client.ui.AbsolutePanel
:通過絕對位移來確定其子部件的位置,子部件可重疊

com.google.gwt.user.client.ui.CaptionPanel


com.google.gwt.user.client.ui.ComplexPanel
:所有可以存放多個子部件的部件的抽象父類

com.google.gwt.user.client.ui.CellPanel
:其每個子部件被放在一個表的單元格中,每個單元格的大小可以獨立設置,每個子部件佔據一個單元格,且可以在單元格內設置各種對齊方式。

com.google.gwt.user.client.ui.DockPanel
:將其子部件停靠在他的邊緣,並允許它的最後一個部件佔據它中心的剩餘空間。

com.google.gwt.user.client.ui.DockLayoutPanel
:同DockPanel
,不過它只能在標準模式下工作(必須在運行的html頁面顯式聲明<!DOCTYPE>,所有帶有layout都是如此)

com.google.gwt.user.client.ui.FlowPanel
:用默認的html佈局行爲格式化其子部件

com.google.gwt.user.client.ui.FormPanel
:顧名思義,用來進行form提交的panel

com.google.gwt.user.client.ui.HorizontalPanel
:水平放置其子部件的panel,繼承自cellpanel

com.google.gwt.user.client.ui.HorizontalSplitPanel
:在其裏面可以水平的放置兩個子部件,這兩個子部件用一條豎直的分割線隔開,可以通過拖動分割線來改變這兩個部件的大小

com.google.gwt.user.client.ui.HTMLPanel
:可以在裏面添加html代碼的panel,使用率非常高

com.google.gwt.user.client.ui.LazyPanel
:爲類的延遲加載提供方便,在方法setVisible(boolean)(true)和ensureWidget() 調用後纔會被實例化

com.google.gwt.user.client.ui.PopupPanel
:可以從其他部件中冒出來,其實實現了一個彈出層效果

com.google.gwt.user.client.ui.RootPanel
:從root你也可以猜到這是所有部件的根panel,不管你創建了一個什麼樣的部件組,最終都要將這個部件組添加到一個RootPanel中,RootPanel不直接實例化,而是通過一個get方法來獲取其實例,使用率100%

com.google.gwt.user.client.ui.ScrollPanel
:將其子部件包含在一個滾動區域

com.google.gwt.user.client.ui.SimplePanel
:只能包含一個部件的面板的抽象父類,看到這裏你應該注意哪些panel只能包含一個部件

com.google.gwt.user.client.ui.SplitLayoutPanel:

用法同DockLayoutPanel,只不過在各個部件間增加了分隔條

com.google.gwt.user.client.ui.StackLayoutPanel
:將其所有子部件垂直疊放,只顯示其中的一個,可以通過點擊每個子部件的頭部來切換顯示

com.google.gwt.user.client.ui.StackPanel
:同StackLayoutPanel

com.google.gwt.user.client.ui.TabPanel
:用來實現標籤式頁面,每個標籤頁內都包含一個子部件,它的標籤內可以包含任意的html代碼,當用戶選擇不同的標籤時會顯示不同的內容。需要注意的是它本身並不是一個panel,而是一個集成了TabBar和DeckPanel的組合(Composite)

com.google.gwt.user.client.ui.VerticalPanel
:同HorizontalSplitPanel

com.google.gwt.user.client.ui.VerticalSplitPanel
:這個也不用解釋























































發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章