Swing布局管理器介紹

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

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

代碼示範

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

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

public static void addComponentsToPane(Container pane) {。。。}

createAndShowGUI()執行個體化一個JFrame，通過它的ContentPane加載布局邏輯内容。

private static void createAndShowGUI() {

// Create and set up the window.

JFrame frame = new JFrame("FlowLayoutDemo");

frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

// Set up the content pane.

addComponentsToPane(frame.getContentPane());

// Display the window.

frame.pack();

frame.setVisible(true);

}

main()程式入口，單獨起一個線程，執行個體化UI。

public static void main(String[] args) {

javax.swing.SwingUtilities.invokeLater(new Runnable() {

public void run() {

createAndShowGUI();

}

});

FlowLayout

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

效果：

内容面闆代碼：

public static void addComponentsToPane(Container pane) {

pane.setLayout(new FlowLayout());

pane.add(new JButton("Button 1"));

pane.add(new JButton("Button 2"));

pane.add(new JButton("Button 3"));

pane.add(new JButton("Long-Named Button 4"));

pane.add(new JButton("5"));

BorderLayout

一個BorderLayout對象将界面分成五大區域，分别用BorderLayout類的靜态常量指定：

-PAGE_START

-PAGE_END

-LINE_START

-LINE_END

-CENTER

public static void addComponentsToPane(Container pane) {

JButton button = new JButton("Button 1 (PAGE_START)");

pane.add(button, BorderLayout.PAGE_START);

button = new JButton("Button 2 (CENTER)");

button.setPreferredSize(new Dimension(200, 100));

pane.add(button, BorderLayout.CENTER);

button = new JButton("Button 3 (LINE_START)");

pane.add(button, BorderLayout.LINE_START);

button = new JButton("Long-Named Button 4 (PAGE_END)");

pane.add(button, BorderLayout.PAGE_END);

button = new JButton("5 (LINE_END)");

pane.add(button, BorderLayout.LINE_END);

BoxLayout

BoxLayout可以将元件由上至下或由左至右依次加入目前面闆。

JPanel xPanel = new JPanel();

xPanel.setLayout(new BoxLayout(xPanel, BoxLayout.X_AXIS));

addButtons(xPanel);

JPanel yPanel = new JPanel();

yPanel.setLayout(new BoxLayout(yPanel, BoxLayout.Y_AXIS));

addButtons(yPanel);

pane.add(yPanel, BorderLayout.PAGE_START);

pane.add(xPanel, BorderLayout.PAGE_END);

private static void addAButton(String text, Container container) {

JButton button = new JButton(text);

button.setAlignmentX(Component.CENTER_ALIGNMENT);

container.add(button);

private static void addButtons(Container container) {

addAButton("Button 1", container);

addAButton("Button 2", container);

addAButton("Button 3", container);

addAButton("Long-Named Button 4", container);

addAButton("5", container);

CardLayout

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

public void addComponentToPane(Container pane) {

final JPanel contentPanel = new JPanel();

JPanel controlPanel = new JPanel();

final CardLayout cardLayout=new CardLayout();;

pane.setLayout(new BorderLayout());

pane.add(contentPanel, BorderLayout.CENTER);

pane.add(controlPanel, BorderLayout.PAGE_END);

controlPanel.setLayout(new FlowLayout());

JButton[] b = new JButton[10];

for (int i = 0; i < 10; i++) {

b[i] = new JButton("No." + i);

contentPanel.add(b[i]);

}

contentPanel.setLayout(cardLayout);

JButton nextButton = new JButton("next");

nextButton.addActionListener(new ActionListener(){

public void actionPerformed(ActionEvent e) {

cardLayout.next(contentPanel);

}});

controlPanel.add(nextButton);

GridLayout

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

JButton[] buttons = new JButton[9];

pane.setLayout(new GridLayout(3, 3));

for (int i = 0; i < buttons.length; i++) {

buttons[i] = new JButton(i + "");

pane.add(buttons[i]);

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）。

JButton button;

pane.setLayout(new GridBagLayout());

GridBagConstraints c = new GridBagConstraints();

button = new JButton("Button 1");

c.fill = GridBagConstraints.HORIZONTAL;

c.gridx = 0;

c.gridy = 0;

pane.add(button, c);

button = new JButton("Button 2");

c.weightx = 0.5;

c.gridx = 1;

button = new JButton("Button 3");

c.gridx = 2;

button = new JButton("Long-Named Button 4");

c.ipady = 40; // make this component tall

c.weightx = 0.0;

c.gridwidth = 3;

c.gridy = 1;

button = new JButton("5");

c.ipady = 0; // reset to default

c.weighty = 1.0; // request any extra vertical space

c.anchor = GridBagConstraints.PAGE_END; // bottom of space

c.insets = new Insets(10, 0, 0, 0); // top padding

c.gridx = 1; // aligned with button 2

c.gridwidth = 2; // 2 columns wide

c.gridy = 2; // third row

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

本文轉自zhangjunhd51CTO部落格，原文連結：http://blog.51cto.com/zhangjunhd/128174，如需轉載請自行聯系原作者

Swing布局管理器介紹

繼續閱讀

阿裡雲ECS（ubutun）下安裝docker

Vue學習記錄--使用ref擷取DOM元素群組件引用

Vue學習記錄--RESOURCE 和 AXIOS的差別

Vue學習記錄— 鍵盤修飾符以及自定義鍵盤修飾符

Vue學習記錄-- v-cloak,v-text,v-html,v-bind,v-on的基本使用

k8s Dashboard 調研

ZooKeeper ：Docker Compose部署ZooKeeper叢集

Docker：可視化管理工具LazyDocker

Docker：安裝Docker Compose

Nginx：Docker Compose部署Nginx

flow.ci - 簡單強大的開源 CI/CD 工具，Jenkins 之外的另一種選擇！flow.ci - 開源 CI/CD 工具

docker-compose 檔案結構和示例（大全）

使用jvm監控工具(jconsole、jvisualvm)通過jmx遠端連接配接kubernetes上的java應用

Docker - Docker Volume及Volume指令詳解

Docker-compose 進行Doris自動化編排部署

服裝資訊化數字化變革