swing佈局詳解(附示例圖)(抄錄)

swing佈局詳解(附示例圖)

當選擇使用JPanel和頂層容器的content pane時，需要考慮佈局管理。JPanel缺省是初始化一個FlowLayout，而content pane缺省是初始化一個BorderLayout。

下面將分別介紹幾種最常用的佈局管理器：FlowLayout、BorderLayout、BoxLayout、CardLayout、GridLayout和GridBagLayout。

 

代碼演示

每一個佈局管理器都會有一個代碼演示，xxxLayoutDemo.java（見附件）。這些文件主要有三個方法組成：

addComponentsToPane()提供佈局邏輯（依據不同的佈局管理器和UI內容）。

Java代碼  

1. public static void addComponentsToPane(Container pane) {。。。}  
2. /** 
3. *createAndShowGUI()實例化一個JFrame，通過它的ContentPane加載佈局邏輯內容。 
4. */  
5. private static void createAndShowGUI() {  
6.     // Create and set up the window.  
7.     JFrame frame = new JFrame("FlowLayoutDemo");  
8.     frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);  
9.     // Set up the content pane.  
10.     addComponentsToPane(frame.getContentPane());  
11.     // Display the window.  
12.     frame.pack();  
13.     frame.setVisible(true);  
14. }  
15. //main()程序入口，單獨起一個線程，實例化UI。  
16. public static void main(String[] args) {  
17.     javax.swing.SwingUtilities.invokeLater(new Runnable() {  
18.        public void run() {  
19.            createAndShowGUI();  
20.        }  
21.     });  
22. }  

 

FlowLayout

FlowLayout類是最簡單的佈局管理器。它按照和頁面上排列單詞的類似方式來安排組件----從左到右，直至沒有多餘的空間，然後轉到下一行。

效果：

內容面板代碼：

Java代碼  

1. public static void addComponentsToPane(Container pane) {  
2.     pane.setLayout(new FlowLayout());  
3.     pane.add(new JButton("Button 1"));  
4.     pane.add(new JButton("Button 2"));  
5.     pane.add(new JButton("Button 3"));  
6.     pane.add(new JButton("Long-Named Button 4"));  
7.     pane.add(new JButton("5"));  
8. }  

 

BorderLayout

一個BorderLayout對象將界面分成五大區域，分別用BorderLayout類的靜態常量指定：

-PAGE_START

-PAGE_END

-LINE_START

-LINE_END

-CENTER

效果：

 

內容面板代碼：

Java代碼  

1. public static void addComponentsToPane(Container pane) {         
2.     JButton button = new JButton("Button 1 (PAGE_START)");  
3.     pane.add(button, BorderLayout.PAGE_START);        
4.     button = new JButton("Button 2 (CENTER)");  
5.     button.setPreferredSize(new Dimension(200, 100));  
6.     pane.add(button, BorderLayout.CENTER);      
7.     button = new JButton("Button 3 (LINE_START)");  
8.     pane.add(button, BorderLayout.LINE_START);        
9.     button = new JButton("Long-Named Button 4 (PAGE_END)");  
10.     pane.add(button, BorderLayout.PAGE_END);         
11.     button = new JButton("5 (LINE_END)");  
12.     pane.add(button, BorderLayout.LINE_END);  
13. }  

 

BoxLayout

BoxLayout可以將組件由上至下或由左至右依次加入當前面板。

效果：

內容面板代碼：

Java代碼  

1. public static void addComponentsToPane(Container pane) {  
2.     JPanel xPanel = new JPanel();  
3.     xPanel.setLayout(new BoxLayout(xPanel, BoxLayout.X_AXIS));  
4.     addButtons(xPanel);  
5.     JPanel yPanel = new JPanel();  
6.     yPanel.setLayout(new BoxLayout(yPanel, BoxLayout.Y_AXIS));  
7.     addButtons(yPanel);  
8.       
9.     pane.add(yPanel, BorderLayout.PAGE_START);  
10.     pane.add(xPanel, BorderLayout.PAGE_END);  
11. }  
12.    
13. private static void addAButton(String text, Container container) {  
14.     JButton button = new JButton(text);  
15.     button.setAlignmentX(Component.CENTER_ALIGNMENT);  
16.     container.add(button);  
17. }  
18.    
19. private static void addButtons(Container container) {  
20.     addAButton("Button 1", container);  
21.     addAButton("Button 2", container);  
22.     addAButton("Button 3", container);  
23.     addAButton("Long-Named Button 4", container);  
24.     addAButton("5", container);  
25. }  

 

CardLayout

卡片佈局和其他佈局不同，因爲它隱藏了一些組件。卡片佈局就是一組容器或者組件，它們一次僅僅顯是一個，組中的每個容器稱爲卡片。

效果：

內容面板代碼：

Java代碼  

1. public void addComponentToPane(Container pane) {  
2.     final JPanel contentPanel = new JPanel();  
3.     JPanel controlPanel = new JPanel();  
4.     final CardLayout cardLayout=new CardLayout();;  
5.     pane.setLayout(new BorderLayout());  
6.     pane.add(contentPanel, BorderLayout.CENTER);  
7.     pane.add(controlPanel, BorderLayout.PAGE_END);  
8.     controlPanel.setLayout(new FlowLayout());  
9.    
10.     JButton[] b = new JButton[10];  
11.     for (int i = 0; i < 10; i++) {  
12.        b[i] = new JButton("No." + i);  
13.        contentPanel.add(b[i]);  
14.     }  
15.     contentPanel.setLayout(cardLayout);  
16.     JButton nextButton = new JButton("next");  
17.     nextButton.addActionListener(new ActionListener(){  
18.        public void actionPerformed(ActionEvent e) {  
19.            cardLayout.next(contentPanel);  
20.        }});  
21.     controlPanel.add(nextButton);  
22. }  

 

GridLayout

GridLayout讓你建立一個組件表格，並且當組件加入時，會依序又左至右，由上至下填充到每個格子，它不能由你指定想放那個格子就放那個格子

效果：

內容面板代碼：

Java代碼  

1. public static void addComponentsToPane(Container pane) {  
2.     JButton[] buttons = new JButton[9];  
3.     pane.setLayout(new GridLayout(3, 3));  
4.     for (int i = 0; i < buttons.length; i++) {  
5.        buttons[i] = new JButton(i + "");  
6.        pane.add(buttons[i]);  
7.     }  
8. }  

 

GridBagLayout

GridBagLayout是所有AWT佈局管理器當中最複雜的，同時他的功能也是最強大的。GridBagLayout同GridLayout一樣，在容器中以網格形式來管理組件。但GridBagLayout功能要來得強大得多。

1、GridBagLayout管理的所有行和列都可以是大小不同的；

2、GridLayout把每個組件限制到一個單元格，而GridBagLayout並不這樣：組件在容器中可以佔據任意大小的矩形區域。

GridBagLayout通常由一個專用類來對他佈局行爲進行約束，該類叫GridBagConstraints。其中有11個公有成員變量，GridBagConstraints可以從這11個方面來進行控制和操縱。這些內容是：

1、gridx—組件的橫向座標；

2、girdy—組件的縱向座標；

3、gridwidth—組件的橫向寬度，也就是指組件佔用的列數；

4、gridheight—組件的縱向長度，也就是指組件佔用的行數；

5、weightx—指行的權重，告訴佈局管理器如何分配額外的水平空間；

6、weighty—指列的權重，告訴佈局管理器如何分配額外的垂直空間；

7、anchor—當組件小於其顯示區域時使用此字段；

8、fill—如果顯示區域比組件的區域大的時候，可以用來控制組件的行爲。控制組件是垂直填充，還是水平填充，或者兩個方向一起填充；

9、insets—指組件與表格空間四周邊緣的空白區域的大小；

10、ipadx— 組件間的橫向間距，組件的寬度就是這個組件的最小寬度加上ipadx值；

11、ipady— 組件間的縱向間距，組件的高度就是這個組件的最小高度加上ipady值。

說明：

1、gridx，gridy：其實就是組件行列的設置，注意都是從0開始的，比如 gridx=0，gridy=1時放在0行1列；

2、gridwidth，gridheight：默認值爲1；GridBagConstraints.REMAINDER常量，代表此組件爲此行或此列的最後一個組件，會佔據所有剩餘的空間；

3、weightx，weighty：當窗口變大時，設置各組件跟着變大的比例。比如組件A的weightx=0.5，組件B的weightx=1，那麼窗口X軸變大時剩餘的空間就會以1：2的比例分配給組件A和B；

4、anchor：當組件空間大於組件本身時，要將組件置於何處。 有CENTER（默認值）、NORTH、NORTHEAST、EAST、SOUTHEAST、WEST、NORTHWEST選擇。

5、insets：設置組件之間彼此的間距。它有四個參數，分別是上，左，下，右，默認爲（0，0，0，0）。

效果：

內容面板代碼：

Java代碼  

1. public static void addComponentsToPane(Container pane) {  
2.     JButton button;  
3.     pane.setLayout(new GridBagLayout());  
4.     GridBagConstraints c = new GridBagConstraints();  
5.    
6.     button = new JButton("Button 1");  
7.     c.fill = GridBagConstraints.HORIZONTAL;  
8.     c.gridx = 0;  
9.     c.gridy = 0;  
10.     pane.add(button, c);  
11.    
12.     button = new JButton("Button 2");  
13.     c.fill = GridBagConstraints.HORIZONTAL;  
14.     c.weightx = 0.5;  
15.     c.gridx = 1;  
16.     c.gridy = 0;  
17.     pane.add(button, c);  
18.    
19.     button = new JButton("Button 3");  
20.     c.fill = GridBagConstraints.HORIZONTAL;  
21.     c.weightx = 0.5;  
22.     c.gridx = 2;  
23.     c.gridy = 0;  
24.     pane.add(button, c);  
25.    
26.     button = new JButton("Long-Named Button 4");  
27.     c.fill = GridBagConstraints.HORIZONTAL;  
28.     c.ipady = 40; // make this component tall  
29.     c.weightx = 0.0;  
30.     c.gridwidth = 3;  
31.     c.gridx = 0;  
32.     c.gridy = 1;  
33.     pane.add(button, c);  
34.    
35.     button = new JButton("5");  
36.     c.fill = GridBagConstraints.HORIZONTAL;  
37.     c.ipady = 0; // reset to default  
38.     c.weighty = 1.0; // request any extra vertical space  
39.     c.anchor = GridBagConstraints.PAGE_END; // bottom of space  
40.     c.insets = new Insets(10, 0, 0, 0); // top padding  
41.     c.gridx = 1; // aligned with button 2  
42.     c.gridwidth = 2; // 2 columns wide  
43.     c.gridy = 2; // third row  
44.     pane.add(button, c);  
45.     }  

 一個GardBagLayout佈局的左右選擇框，代碼GridBagLayoutFrame.java見附件，效果：