十. 圖形界面(GUI)設計5.布局設計
在界面設計中,一個容器要放置許多組件,為了美觀,為組件安排在容器中的位置,這就是布局設計。java.awt中定義了多種布局類,每種布局類對應一種布局的策略。常用的有以下布局類:
- FlowLayout,依次放置組件。
- BoarderLayout,將組件放置在邊界上。
- CardLayout,將組件像撲克牌一樣疊放,而每次只能顯示其中一個組件。
- GridLayout,將顯示區域按行、列劃分成一個個相等的格子,組件依次放入這些格子中。
- GridBagLayout,將顯示區域劃分成許多矩形小單元,每個組件可占用一個或多個小單元。
其中GridBagLayout能進行精細的位置控制,也最復雜,本教程暫不討論這種布局策略,將在專題文章中進行詳細講解。
每個容器都有一個布局管理器,由它來決定如何安排放入容器內的的組件。布局管理器是實現LayoutManager接口的類。
一.FlowLayout布局 (JApplet,JPanel,JScrollPane默認布局)
FlowLayout布局是將其中的組件按照加入的先後順序從左到右排列,一行滿之後就轉到一下行繼續從左到右排列,每一行中的組件都居中排列。這是一種最簡便的布局策略,一般用於組件不多的情況,當組件較多時,容器中的組件就會顯得高低不平,各行長短不一。
FlowLayout是小應用程序和面板默認布局,FlowLayout布局的構造方法有:
- FlowLayout(),生成一個默認的FlowLayout布局。默認情況下,組件居中,間隙為5個像素。
- FlowLayout(int aligment),設定每珩的組件的對齊方式。alignment取值可以為 FlowLayout.LEFT,FlowLayout.CENTER,FlowLayout.RIGHT。
- FlowLayout(int aligment,int horz, int vert),設定對齊方式,並設定組件的水平間距horz和垂直間距vert,用超類Container的方法setLayout()為容器設定布局。例如,代碼setLayout(new FlowLayout())為容器設定 FlowLayout布局。將組件加入容器的方法是add(組件名)。
二.BorderLayout布局(JWindow、JFrame,JDialog的默認布局)
BorderLayout布局策略是把容器內的空間簡單劃分為東“East”,西 “West”,南 “South”,北 “North”,中 “Center”五個區域。加入組件時,都應該指明把組件放在哪一個區域中。一個位置放一個組件。如果某個位置要加入多個組件,應先將要加入該位置的組件放放另一個容器中,然後再將這個容器加入到這個個位置。
BorderLayout布局的構造方法有:
(1) BorderLayout(),生成一個默認的BorderLayout布局。默認情況下,沒有間隙。
(2) BorderLayout(int horz,int vert),設定組件之間的水平間距和垂直間距。
BorderLayout布局策略的設定方法是setLayout www.xinbeiyuLe.cn (new BorderLayout())。將組件加入到容器的方法是add(組件名,位置),如果加入組件時沒有指定位置,則默認為“中”位置。
BorderLayout布局是JWindow、JFrame,JDialog的默認布局。
【例 11-5】應用程序設有五個標簽、分別放於窗口的東、西、南、北和中五個區域(查看源文件)。
三.GridLayout布局
GridLayout布局是把容器劃分成若幹行和列的網格狀,行數和列數由程序控制,組件放在網格的小格子中。GridLayout布局的特點是組件定位比較精確。由於GridLayout布局中每個網格具有相同形狀和大小,要求放入容器的組件也應保持相同的大小。
GridLayout布局的構造方法有:
(1) GridLayout(),生成一個單列的GridLayout布局。默認情況下,無間隙。
(2) GridLayout(int row,int col),設定一個有行row和列col的GridLayout布局。
(3) GridLayout(int row,int col,int horz,int vert),設定布局的行數和列數、組件的水平間距和垂直間距。
GridLayout布局以行為基準,當放置的組件個數超額時,自動增加列;反之,組件太少也會自動減少列,行數不變,組件按行優先順序排列(根據組件自動增減列)。GridLayout布局的每個網格必須填入組件,如果希望某個網格為空白,可以用一個空白標簽(add(new Label()))頂替。
【例 11-6】小應用程序先將若幹個按鈕和若幹個標簽放入JPanel中,然後將JPanel放入JScrollPane中,最後,將JScrollPane放入小程序的窗口中,程序所創建的JScrollPane總是帶水平和垂直滾動條,滾動面板的可視範圍小於面板的實際要求,可以移動滾動條的滑塊顯示面板原先不在可視範圍內的區域(查看源文件)。
GridLayout布局要求所有組件的大小保持一致,這可能會使用界面外觀不夠美觀。一個補救的辦法是讓一些小組件合並放在一個容器中,然後把這個容器作為組件,再放入到GridLayout布局中。這就是前面所說的容器嵌套。例如,容器A使用GridLayout布局,將容器均分為網格;另有容器B和C各放入若幹組件後,把B和C分別作為組件添加到容器A中。容器B和C也可以設置為GridLayout布局,把自己分為若幹網格,也可以設置成其他布局。這樣,從外觀來看,各組件的大小就有了差異。
四.CardLayout布局
采用CardLayout布局的容器雖可容納多個組件,但是多個組件擁有同一個顯示空間,某一時刻只能顯示一個組件。就像一疊撲克牌每次只能顯示最上面的一張一樣,這個顯示的組件將占據容器的全部空間。CardLayout布局設計步驟如下:
先創建CardLayout布局對象。然後,使用setLayout()方法為容器設置布局。最的,調用容器的add()方法將組件加入容器。CardLayout布局策略加入組件的方法是:
add(組件代號,組件);
其中組件代號是字符串,是另給的,與組件名無關。
例如,以下代碼為一個JPanel容器設定CardLayout布局:
CardLayout myCard = new CardLayout();//創建CardLayout布局對象
JPanel p = new JPanel();//創建Panel對象
p.setLayout(myCard);
用CardLayout類提供的方法顯示某一組件的方式有兩種:
(1) 使用show(容器名,組件代號)形式的代碼,指定某個容器中的某個組件顯示。例如,以下代碼指定容器p的組件代號k,顯示這個組件:
myCard.show(p,k);
(2) 按組件加入容器的順序顯示組件。
first(容器):例如,代碼myCard.first(p);
last(容器):例如 , myCard.last(p);
next(容器):例如,myCard.next(p);
previous(容器):myCard.previous(p);
【例11-7】小應用程序使用CardLayout布局,面板容器p使用CardLayout布局策略設置10個標簽組件。窗口設有4個按鈕,分別負責顯示p的第一個組件、最後一個組件、當前組件的前一個組件和當前的組件的最後一個組件(查看源文件)。
五.null布局與setBounds方法
空布局就是把一個容器的布局設置為null布局。空布局采用setBounds()方法設置組件本身的大小和在容器中的位置:
setBounds(int x,int y,int width,int height)
組件所占區域是一個矩形,參數x,y是組件的左上角在容器中的位置坐標;參數weight,height是組件的寬和高。空布局安置組件的辦法分兩個步驟:先使用add()方法身容器添加組件。然後調用setBounds()方法設置組件在容器中的位置和組件本身的大小。與組件相關的其他方法:
- getSize().width,
- getSize().height
- setVgap(ing vgap)
- setHgap(int hgap);
十. 圖形界面(GUI)設計5.布局設計