執行個體講解Java中的布局管理器的使用方法

很多初學者在用Java布局器自動布局畫介面時，經常遇見不知道如何定義地區大小或按鈕之間的距離等問題。其實自動布局也可以解決定義地區大小或按鈕之間的距離等問題，只是沒有手動布局那麼靈活。下面我就舉一個例子。

首先，建一個frame檔案（Application應用程式），在Design中將this中的layout設定為BorderLayout。

第二，在組件盤內點選Swing Container頁簽，選取Jpanel表徵圖，在this中上方拖拽一塊地區，布局器會自動調整位置與大小；同樣的方法在中下方也拖拽一塊地區；在Swing Container頁簽，選取jScrollPane表徵圖，將jScrollPane在中間拖拽一塊地區。拖拽的順序一定要先上後下再中間。為了方便區分，在Properties的background中，將上方的Jpanel1地區設定為紅色，下方的Jpanel2地區設定為橙色，中間的jScrollPane1為粉紅色。將Jpanel1和Jpanel2的layout設定為flowLayout（必須要手動設定，不要採用預設值）。

第三，在Jpanel中放入一個Jlable標題列,JTextField1文字框和Jbutton按鈕，在組件盤內點選Swing 頁簽，選取JLable表徵圖在Jpanel1的中畫一個標題列，將text改為“請輸入查詢條件”，再選取JtextField在Jpanel1中畫一個文字框，將text改為空白，最後選取Jbutton在Jpanel1中再畫一個按鈕將text改為“查詢”。畫完後他們都是在中間，而且大小固定，這時點選Jpanel的flowLayout1將右邊Properties中的alignment設定為LEFT，這時Jpanel1中的組鍵就會向左排列。選中其中一個組鍵，在Properties中的preferredSize可以設定組鍵的寬和高。同樣的方法在Jpanel2中畫三個Jbutton按鈕，將text分別設為“增加”、“刪除”、“修改”。點選Jpane2的flowLayout2將右邊Properties中的hgap設定為30（按鈕的間距，可根據自己的需要調整數值大小）, 這樣就調整了三個按鈕之間的距離，設定vgap還可以改變Jpane2地區的高度。

第四，在jScrollPane1中建一個表格用來顯示資料庫資料的內容，在組件盤內點選Swing 頁簽，選取JTable表徵圖，將Jtable加入到jScrollPane1中。

最後，將this中的defaultCloseOperation改為EXIT_ON_CLOSE,這樣在關閉視窗時程式會自動結束。

程式原始碼如下（除中文注釋部分的兩句是自己加上去，其餘是自動產生）：

import javax.swing.*;import java.awt.*;import java.awt.event.*;import java.util.Vector;import javax.swing.table.DefaultTableModel; public class Frame1extends JFrame {BorderLayout borderLayout1 = new BorderLayout();JPanel jPanel1 = new JPanel();JPanel jPanel2 = new JPanel();JPanel jPanel3 = new JPanel();JLabel jLabel1 = new JLabel();JTextField jTextField1 = new JTextField();JButton jButton1 = new JButton();FlowLayout flowLayout1 = new FlowLayout();FlowLayout flowLayout2 = new FlowLayout();JButton jButton2 = new JButton();JButton jButton3 = new JButton();JButton jButton4 = new JButton();GridLayout gridLayout1 = new GridLayout();JScrollPane jScrollPane1 = new JScrollPane();JTable jTable1 = new JTable();public Frame1() {try {jbInit();}catch (Exception e) {e.printStackTrace();}}public static void main(String[] args) {Frame1 frame1 = new Frame1();frame1.setSize(new Dimension(400, 350));frame1.show();}private void jbInit() throws Exception {this.getContentPane().setLayout(borderLayout1);jPanel1.setBackground(Color.red);jPanel1.setLayout(flowLayout1);jPanel2.setBackground(Color.red);jPanel2.setLayout(flowLayout2);jPanel3.setBackground(Color.pink);jPanel3.setLayout(gridLayout1);jLabel1.setPreferredSize(new Dimension(100, 16));jLabel1.setText("請輸入查詢條件");jTextField1.setPreferredSize(new Dimension(140, 22));jTextField1.setText("");jButton1.setText("查詢");jButton1.addActionListener(new Frame1_jButton1_actionAdapter(this));flowLayout1.setAlignment(FlowLayout.LEFT);flowLayout1.setHgap(5);flowLayout1.setVgap(10);jButton2.setText("增加");jButton3.setText("刪除");jButton4.setText("修改");flowLayout2.setHgap(30);flowLayout2.setVgap(5);this.setDefaultCloseOperation(EXIT_ON_CLOSE);this.getContentPane().add(jPanel1, BorderLayout.NORTH);jPanel1.add(jLabel1, null);jPanel1.add(jTextField1, null);jPanel1.add(jButton1, null);this.getContentPane().add(jPanel2, BorderLayout.SOUTH);jPanel2.add(jButton2, null);jPanel2.add(jButton3, null);jPanel2.add(jButton4, null);this.getContentPane().add(jPanel3, BorderLayout.CENTER);jPanel3.add(jScrollPane1, null);jScrollPane1.getViewport().add(jTable1, null);}//類比查詢資料庫void jButton1_actionPerformed(ActionEvent e) {try { //製作表Vector vcol = new Vector(); //列名Vector vrow = new Vector(); //內容for (int col = 1; col < 31; col++) {vcol.addElement("列" + col);}for (int row = 1; row < 101; row++) {Vector vr1 = new Vector();for (int col = 1; col < 31; col++) {vr1.addElement(row + "/" + col);}vrow.addElement(vr1);}DefaultTableModel dtm = new DefaultTableModel(vrow, vcol);jTable1 = new JTable(vrow, vcol);jTable1.setAutoResizeMode(JTable.AUTO_RESIZE_OFF); //捲軸設定左右滾this.jScrollPane1.getViewport().add(jTable1, null); //在捲軸中放入表}catch (Exception ex) {JOptionPane.showMessageDialog(null, ex);}}}class Frame1_jButton1_actionAdapterimplements java.awt.event.ActionListener {Frame1 adaptee;Frame1_jButton1_actionAdapter(Frame1 adaptee) {this.adaptee = adaptee;}public void actionPerformed(ActionEvent e) {adaptee.jButton1_actionPerformed(e);}}