7.2 窗口布局控件 · wxWidgets 跨平臺 GUI 編程

# 7.2 窗口布局控件 wxWidgets使用的窗口布局控件的算法和其它GUI程序開發框架的算法,例如Java的AWT,GTK+以及Qt等是非常相似的.它們都是基于這樣的一個假設,那就是每一個窗口可以報告它們自己需要的最小尺寸以及當它們父窗口的大小發生改變的時候它們的可伸縮能力.通常這也意味著程序代碼中沒有給對話框中的控件設定固定的大小,取而代之的是設置了一個窗口布局控件,這個窗口布局控件會被尋問它最需要的合適大小,而窗口布局控件則會一次詢問它內部的那些窗口,空白區域,控件以及其它的窗口布局控件最合適的大小,以此類推.要注意布局控件并非是wxWindow的派生類,因此不具有TAB順序,所需要的系統開銷也比一個真實的窗口要小的多.布局控件建立的是一種包含繼承關系,在一個復雜的對話框里,這種包含繼承關系的層級可能會很深,但是所有這些布局控件中的窗口或控件在窗口繼承關系中可能都是兄弟控件,它們都以這個對話框作為自己的父窗口. 在對話框編輯軟件中,布局控件的包含繼承關系以一種更直觀的圖形化方式表示.下圖演示了Anthemion軟件公司的 DialogBlocks軟件編輯一個個人對話框時候的樣子,這個對話框我們會在第9章,"創建自己的對話框"中作為一個例子.一個紅色的方框圍繞在當前選擇的控件上,而藍色的方框則用來指示其直接父容器的范圍,左邊顯示的是對話框的容器繼承關系樹,當然所有這些控件還是有它們自己的窗口繼承關系的,正如我們前面提到的那樣,窗口繼承關系樹和容器繼承關系樹有很大的區別. ![](img/mht3736%281%29.tmp) 為了更清楚的說明容器繼承關系和窗口繼承關系的不同,我們用下圖來大概的表示上圖中的容器繼承關系.下圖中,陰影部分代表實際的窗口,而白色區域則代表布局控件.可以看出,對話框首先使用了兩個垂直布局控件,以便在對話框周圍釋放出一個合理的邊界區域,里面的那個垂直布局控件中有兩個水平布局控件和一些其它的控件,其中一個水平布局控件中還定義了一截空白區域以便使得其中一個控件遠離同組中另外的控件.正象你看到的那樣,使用布局控件就象使用一堆大小不等的硬紙片進行擺放,然后把各個窗口控件放置到硬紙片的合適的位置.當然這個比喻并不完全貼切因為,硬紙片的大小是不會伸縮的. ![](img/mht3749%281%29.tmp) 目前為止wxWidgets總共支持五類布局控件,每一中布局控件或者用來實現一種特殊的布局方式,或者用來實現和布局相關的一種特殊的功能比如在某些控件周圍圍繞一個靜態的文本框.接下來的小節我們會對它們進行一一的介紹. 布局控件的通用特性所有的布局控件都是容器,這就是說,它們都是用來容納一個或多個別的窗口或者元素的,不論每個單獨的布局控件怎樣排放它們的子元素,所有的子元素都必然有下面這些通用的特性. 最小大小: 布局控件中的每個元素都有計算自己的最小大小的能力(這往往是通過每個元素的DoGetBestSize函數計算出來的).這是這個元素的自然大小.舉例來說,一個復選框的自然大小等于其復選框圖形的大小加上其標簽的最合適大小.當然,你可以給某個控件在其構造函數中指定固定的大小,并且在把它增加到布局控件中時指定wxFIXED_MINSIZE以改變自動計算的最小大小.需要注意的是,不是每個控件都可以計算自己的大小,對于類似列表框這樣的控件來說,你必須清晰的指明它的大小,因為它們沒有自然大小.另外一些控件則只擁有自然高度不擁有自然寬度,比如一個單行的文本框.下圖演示了當對話框中只有一個控件的時候,以上三種控件怎樣擴展對話框以適合自己的最小大小. ![](img/mht375C%281%29.tmp) ![](img/mht375F%281%29.tmp) ![](img/mht3762%281%29.tmp) 邊界: 每個元素都應該有一個邊界.所謂邊界指的是用來和別的元素分開的空白區域,邊界的最小大小必須被顯式的指定,一般設置為5個象素.下圖演示了對話框只有一個按鈕控件但是指定了0,5和10作為最小邊界值的時候的樣子. ![](img/mht3774%281%29.tmp) ![](img/mht3777%281%29.tmp) ![](img/mht378A%281%29.tmp) 對齊方式: 每個元素都可以被以居中或者對齊某個邊的方式放置.下圖演示了一個水平的布局控件,在其中增加了一個列表框,一個和三個按鈕,其中第一個按鈕以居中方式增加,第二個則為上對齊,第三個則為下對齊方式.對齊既可以是水平方向的也可以是垂直方向的,但是對于大多數布局控件來說,只有一個方向是有效的.比如對于水平布局控件來說,只有垂直方向是有效的,因為水平方向的空間是被所有的子元素分割的,因此設置水平對齊方式是沒有意義的(當然,為了達到水平對齊的效果,我們可能需要插入一個水平方向的空白區域,關于這點我們不作太多的說明). ![](img/mht378D%281%29.tmp) 伸縮因子: 如果一個布局控件的空間大于它所有子元素所需要的空間,那么我們需要一個機制來分割多余的空間.為了實現這個目的,布局控件中的每一個元素都可以指定一個伸縮因子,如果這個因子設置為默認值0,那么子元素將保持其原本的大小,大于0的值用來指定這個子元素可以分割的多余空間的比例,因此如果兩個子元素的伸縮因子為1,其它子元素的伸縮機制為0,那么這兩個子元素將會各占用多余空間的50%的大小,下圖演示了一個對話框有三個按鈕它們的初始大小和其中一個的伸縮因子設為1以后各自的大小. ![](img/mht3790%281%29.tmp) ![](img/mht37A3%281%29.tmp) 注意在wxWidgets的手冊中,有時不使用伸縮因子(stretch factor)這個詞,而用比例(proportion)這個詞表示相同的含義.