Java Swing 布局管理器使用教程

BorderLayout

BorderLayout(邊界布局管理器)是一種較為復(fù)雜的布局方式，它將容器劃分為五個(gè)區(qū)域，分別是頁頭(PAGE_START)、頁尾(PAGE_END)、行首(LINE_START)、行尾(LINE_END)、中部(CENTER)。組件可以被放置在這五個(gè)區(qū)域中的任意一個(gè)位置。BorderLayout布局效果官方示意圖如圖1所示。

圖1 BorderLayout的布局

當(dāng)向BorderLayout布局管理器的容器中添加組件時(shí)，需要使用add(Component comp,Object constraints)方法，其中參數(shù)comp表示要添加的組件，constraints指定將組件添加到布局中的位置，它是一個(gè)Object類型，在傳參時(shí)可以使用BorderLayout類提供的5個(gè)常量設(shè)置組件位置，它們分別是PAGE_START、PAGE_END、LINE_START、LINE_END和CENTER。

接下來通過一個(gè)案例來演示一下BorderLayout布局管理器對組件布局的效果，如文件1所示。

文件1 Example03.java

import java.awt.*;
 import javax.swing.*;
 public class Example03 {
     private static void createAndShowGUI() {
         // 創(chuàng)建一個(gè)名為BorderLayout的頂級(jí)容器窗口
         JFrame f = new JFrame("BorderLayout");
         // 設(shè)置窗體中的布局管理器為BorderLayout
         f.setLayout(new BorderLayout());
         f.setSize(300, 300);      // 設(shè)置窗體大小
          f.setLocation(300, 200); // 設(shè)置窗體顯示的位置
          // 下面的代碼是創(chuàng)建5個(gè)按鈕組件
          JButton but1 = new JButton("PAGE_START");
          JButton but2 = new JButton("PAGE_END");
          JButton but3 = new JButton("LINE_START");
          JButton but4 = new JButton("LINE_END");
          JButton but5 = new JButton("CENTER");
          // 下面的代碼是將創(chuàng)建好的按鈕組件添加到窗體中，并設(shè)置按鈕所在的區(qū)域
          f.add(but1, BorderLayout.PAGE_START);
          f.add(but2, BorderLayout.PAGE_END);
          f.add(but3, BorderLayout.LINE_START);
          f.add(but4, BorderLayout.LINE_END);
          f.add(but5, BorderLayout.CENTER);
          f.setVisible(true);  // 設(shè)置窗體可見
          f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
      }
      public static void main(String[] args) {
          //使用SwingUtilities工具類調(diào)用createAndShowGUI()方法并顯示GUI程序
          SwingUtilities.invokeLater(Example03::createAndShowGUI);
      }
  }

運(yùn)行結(jié)果如圖2所示。

圖2 BorderLayout布局管理器

文件1中，使用JFrame類的setLayout()方法為JFrame容器設(shè)置了BorderLayout布局管理器(也可以不用設(shè)置，JFrame默認(rèn)就是使用BorderLayout布局管理器)，同時(shí)在文件第12~16行代碼中通過JButton按鈕組件類的構(gòu)造方法創(chuàng)建了5個(gè)按鈕組件，并通過add()方法將這5個(gè)組件分別放入JFrame容器的5個(gè)指定區(qū)域位置。

BorderLayout的好處就是可以限定各區(qū)域的邊界，當(dāng)用戶改變?nèi)萜鞔翱诖笮r(shí)，各個(gè)組件的相對位置不變。但需要注意的是，向BorderLayout的布局管理器添加組件時(shí)，如果不指定添加到哪個(gè)區(qū)域，則默認(rèn)添加到CENTER區(qū)域，并且每個(gè)區(qū)域只能放置一個(gè)組件，如果向一個(gè)區(qū)域中添加多個(gè)組件時(shí)，后放入的組件會(huì)覆蓋先放入的組件。

小提示：

在使用BorderLayout邊界布局管理器過程中，當(dāng)使用add(Component comp,Object constraints)方法向容器區(qū)域中添加指定組件和位置時(shí)，除了可以使用前面介紹的PAGE_START、PAGE_END、LINE_START、LINE_END和CENTER常量參數(shù)指定組件位置，也可以使用NORTH、SOUTH、EAST、WEST和CENTER常量參數(shù)來指定組件位置，只不過在文件8-3中使用的常量參數(shù)是JDK 1.4版本開始出現(xiàn)的，適合不同語言標(biāo)準(zhǔn)，也是官方相對推薦的。

FlowLayout

FlowLayout(流式布局管理器)是最簡單的布局管理器，在這種布局下，容器會(huì)將組件按照添加順序從左向右放置，當(dāng)?shù)竭_(dá)容器的邊界時(shí)，會(huì)自動(dòng)將組件放到下一行的開始位置。這些組件可以按左對齊、居中對齊(默認(rèn)方式)或右對齊的方式排列。FlowLayout類有三個(gè)構(gòu)造方法，如表1所示。

表1 FlowLayout構(gòu)造方法

表1中，列出了FlowLayout的三個(gè)構(gòu)造方法，其中，參數(shù)align決定組件在每行中相對于容器邊界的對齊方式，分別為左對齊、右對齊、居中對齊，可以使用該類中提供的常量FlowLayout.LEFT、FlowLayout.RIGHT、FlowLayout.CENTER表示。參數(shù)hgap和參數(shù)vgap分別設(shè)定組件之間的水平和垂直間距，可以填入一個(gè)任意數(shù)值。

接下來通過一個(gè)添加按鈕的案例來學(xué)習(xí)一下FlowLayout布局管理器的用法，如文件1所示。

文件1 Example04.java

import java.awt.*;
 import javax.swing.*;
 public class Example04 {
     private static void createAndShowGUI() {
           //創(chuàng)建一個(gè)名為Flowlayout的窗體
         JFrame f = new JFrame("Flowlayout");
          // 設(shè)置窗體中的布局管理器為FlowLayout，
          // 所有組件左對齊，水平間距為20，垂直間距為30
         f.setLayout(new FlowLayout(FlowLayout.LEFT, 20, 30));
          f.setSize(400, 200);                  // 設(shè)置窗體大小
          f.setLocation(300, 200);             // 設(shè)置窗體顯示的位置
          // 向容器添加組件
          f.add(new JButton("第1個(gè)按鈕"));  
          f.add(new JButton("第2個(gè)按鈕"));
          f.add(new JButton("第3個(gè)按鈕"));  
          f.add(new JButton("第4個(gè)按鈕"));
          f.add(new JButton("第5個(gè)按鈕"));  
          f.setVisible(true);                  // 設(shè)置窗體可見
          f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
      }
      public static void main(String[] args) {
          // 使用SwingUtilities工具類調(diào)用createAndShowGUI()方法并顯示GUI程序
          SwingUtilities.invokeLater(Example04::createAndShowGUI);
      }
  }

運(yùn)行結(jié)果如圖1所示。

圖1 流式布局管理器

文件1中，實(shí)現(xiàn)了一個(gè)流式布局管理器對按鈕組件進(jìn)行管理。在這個(gè)過程中首先創(chuàng)建了一個(gè)JFrame窗口，并將該窗口的布局管理器設(shè)置為FlowLayout，然后向窗口中添加5個(gè)按鈕。通過圖1可以看出，該窗體中的按鈕按照流式布局管理器的方式進(jìn)行了布局。

GridLayout

GridLayout(網(wǎng)格布局管理器)使用縱橫線將容器分成n行m列大小相等的網(wǎng)格，每個(gè)網(wǎng)格中可以添加一個(gè)組件。添加到容器中的組件首先放置在第1行第1列(左上角)的網(wǎng)格中，然后在第1行的網(wǎng)格中從左向右依次放置其他組件，行滿后，繼續(xù)在下一行中從左到右放置組件。與FlowLayout不同的是，放置在GridLayout布局管理器中的組件將自動(dòng)占據(jù)網(wǎng)格的整個(gè)區(qū)域。GridLayout類有三個(gè)構(gòu)造方法，如表1所示。

表1 GridLayout構(gòu)造方法

表1中，列出了GridLayout的三個(gè)構(gòu)造方法，其中，參數(shù)rows代表行數(shù)，cols代表列數(shù)，hgap和vgap規(guī)定窗格之間水平和垂直方向的間距。

接下來通過一個(gè)案例演示GridLayout布局管理器的用法，如文件1所示。

文件1 Example05.java
運(yùn)行結(jié)果如圖1所示。

import java.awt.*;
import javax.swing.*;
public class Example05 {
    private static void createAndShowGUI() {
         // 創(chuàng)建一個(gè)名為GridLayout的窗體
        JFrame f = new JFrame("GridLayout");
        f.setLayout(new GridLayout(3, 3));  // 設(shè)置該窗體為3*3的網(wǎng)格
        f.setSize(300, 300);                   // 設(shè)置窗體大小
        f.setLocation(400, 300);
         // 下面的代碼是循環(huán)添加8個(gè)按鈕組件到GridLayout容器中
         for (int i = 1; i < 9; i++) {
             Button btn = new Button("btn" + i);
             f.add(btn);                     
         }
         f.setVisible(true);
         f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
     }
     public static void main(String[] args) {
         // 使用SwingUtilities工具類調(diào)用createAndShowGUI()方法并顯示GUI程序
         SwingUtilities.invokeLater(Example05::createAndShowGUI);
     }
 }

圖1 網(wǎng)格布局管理器

文件1中，JFrame窗口采用GridLayout布局管理器，設(shè)置了8個(gè)按鈕組件，按鈕組件按照編號(hào)從左到右、從上到下填充滿了整個(gè)容器。GridLayout布局管理器的特點(diǎn)是組件的相對位置不隨區(qū)域的縮放而改變，但組件的大小會(huì)隨之改變，組件始終占據(jù)網(wǎng)格的整個(gè)區(qū)域。缺點(diǎn)就是總是忽略組件的最佳大小，所有組件的寬高都相同。


猜你喜歡

Java swing是什么?有什么作用?

Swing頂級(jí)容器：JFrame和JDialog介紹

Java高級(jí)軟件工程師課程