Java AWT布局

梦里梦外; 2023-02-15 05:05 6阅读 0赞

`java.awt`库提供5种基本布局。 每种布局都有其自身的意义，并且它们是完全不同的。 在本文的此处，我们将讨论如何将任何布局应用于框架或面板，并简要讨论每种布局。

`java.awt`库中可用的5种布局是：

1.  边框布局
2.  网格布局
3.  GridBag布局
4.  卡布局
5.  流程布局

## 1.边框布局 ##

`BorderLayout`是一种按照方向组织组件的布局。 边框布局将框架或面板分为5个部分-北，南，东，西和居中。 通过传递附加参数，可以将每个组件按特定方向排列。

BorderLayoutExample.java

package com.mkyong;
    
    import java.awt.BorderLayout;
    import java.awt.Button;
    import java.awt.Label;
    import javax.swing.JFrame;
    
    public class BorderLayoutExample extends JFrame {
    
        public static void main(String[] args) {
            BorderLayoutExample a = new BorderLayoutExample();
        }
    
        public BorderLayoutExample() {
    
            setVisible(true);
            setDefaultCloseOperation(EXIT_ON_CLOSE);
    
            BorderLayout b = new BorderLayout();
            setTitle("Border Layout");
    
            setSize(300, 300);
            add(new Button("North"), BorderLayout.NORTH);
            add(new Button("South"), BorderLayout.SOUTH);
            add(new Button("East"), BorderLayout.EAST);
            add(new Button("West"), BorderLayout.WEST);
            add(new Button("Center"), BorderLayout.CENTER);
    
        }
    }

输出量

![awt-borderlayout][]![awt-borderlayout][awt-borderlayout 1]

## 2.网格布局 ##

`GridLayout`是排列组件的一种更有组织的方式。 它以包含均匀分布的单元格的网格形式划分框架或面板。 每个组件都添加到特定的单元格中。 组件的放置顺序直接取决于将它们添加到框架或面板的顺序。 下图显示了基于2列3行`GridLayout`的Frame。

构造函数`GridLayout(int row,int cols)`确定网格大小。

GridLayoutExample.java

package com.mkyong;
    
    import java.awt.Button;
    import java.awt.GridLayout;
    import javax.swing.JFrame;
    
    public class GridLayoutExample extends JFrame {
    
        public static void main(String[] args) {
            GridLayoutExample a = new GridLayoutExample();
        }
    
        public GridLayoutExample() {
    
            setVisible(true);
            setDefaultCloseOperation(EXIT_ON_CLOSE);
    
            GridLayout g = new GridLayout(3, 2);
            setLayout(g);
            setTitle("Grid Layout");
            setSize(300, 300);
            add(new Button("Button 1"));
            add(new Button("Button 2"));
            add(new Button("Button 3"));
            add(new Button("Button 4"));
            add(new Button("Button 5"));
            add(new Button("Button 6"));
    
        }
    
    }

输出量

![awt-gridlayout][]![awt-gridlayout][awt-gridlayout 1]

## 3. GridBag布局 ##

`GridBagLayout`是最灵活的布局，它提供了一种有组织但灵活的方式来排列组件。 它使开发人员可以灵活地选择组件的确切位置（在网格中），即行跨度和列跨度以及水平和垂直间距。 下图显示了`GridBagLayout` 。 它包含一次跨2行的Button 5。

GridBagLayoutExample.java

package com.mkyong;
    
    import java.awt.Button;
    import java.awt.CardLayout;
    import java.awt.FlowLayout;
    import java.awt.GridBagConstraints;
    import java.awt.GridBagLayout;
    import javax.swing.JFrame;
    
    public class GridBagLayoutExample extends JFrame {
    
        public static void main(String[] args) {
            GridBagLayoutExample a = new GridBagLayoutExample();
        }
    
        public GridBagLayoutExample() {
            setSize(300, 300);
            setPreferredSize(getSize());
            setVisible(true);
            setDefaultCloseOperation(EXIT_ON_CLOSE);
            GridBagLayout g = new GridBagLayout();
            GridBagConstraints gbc = new GridBagConstraints();
            setLayout(g);
            setTitle("GridBag Layout");
    
            GridBagLayout layout = new GridBagLayout();
    
            this.setLayout(layout);
    
            gbc.fill = GridBagConstraints.HORIZONTAL;
            gbc.gridx = 0;
            gbc.gridy = 0;
            this.add(new Button("Button 1"), gbc);
    
            gbc.gridx = 1;
            gbc.gridy = 0;
            this.add(new Button("Button 2"), gbc);
    
            gbc.fill = GridBagConstraints.HORIZONTAL;
            gbc.ipady = 20;
            gbc.gridx = 0;
            gbc.gridy = 1;
            this.add(new Button("Button 3"), gbc);
    
            gbc.gridx = 1;
            gbc.gridy = 1;
            this.add(new Button("Button 4"), gbc);
    
            gbc.gridx = 0;
            gbc.gridy = 2;
            gbc.fill = GridBagConstraints.HORIZONTAL;
            gbc.gridwidth = 2;
            this.add(new Button("Button 5"), gbc);
    
        }
    }

输出量

![awt-gridbaglayout][]![awt-gridbaglayout][awt-gridbaglayout 1]

## 4.卡布局 ##

这是很少使用的布局，用于将组件彼此堆叠。 `CardLayout`允许组件保持彼此`CardLayout` ，并根据需要将任何组件切换到最前面。 用图片描述卡片的布局是没有意义的。 因此，让我们通过一个小例子来理解它。 考虑下面的代码：

mychoice.addItemListener(new ItemListener() {
             public void itemStateChanged(ItemEvent e) {
                CardLayout cardLayout = (CardLayout)(e.getTarget().getParent().getLayout());
                cardLayout.show(panel, (String)e.getItem());
             }
          });

上面的代码与带有组合框的事件侦听器相关联。 根据组合值的变化，将显示该组件。 为了创建卡片布局，您可以使用以下代码

CardLayoutExample.java

package com.mkyong;
    
    import java.awt.Button;
    import java.awt.CardLayout;
    import javax.swing.JFrame;
    
    public class CardLayoutExample extends JFrame {
    
        public static void main(String[] args) {
            CardLayoutExample a = new CardLayoutExample();
        }
    
        public CardLayoutExample() {
    
            setVisible(true);
            setDefaultCloseOperation(EXIT_ON_CLOSE);
    
            CardLayout g = new CardLayout();
            setLayout(g);
            setTitle("Card Layout");
    
            setSize(300, 300);
            add(new Button("Button 1"));
            add(new Button("Button 2"));
            add(new Button("Button 3"));
            add(new Button("Button 4"));
            add(new Button("Button 5"));
            add(new Button("Button 6"));
    
        }
    }

输出量

![awt-cardlayout][]![awt-cardlayout][awt-cardlayout 1]

## 5.流程布局 ##

顾名思义， `FlowLayout`是一种布局，它允许组件流到可见部分的末端。 `FlowLayout`基本上有助于开发响应速度更快的UI，并使组件保持自由流动的方式。 下图显示了具有6个组件的实际流布局。

由于这是框架或面板的默认布局，因此也可以在不显式应用布局的情况下工作。

FlowLayoutExample.java

package com.mkyong;
    
    import java.awt.Button;
    import java.awt.FlowLayout;
    import javax.swing.JFrame;
    
    public class FlowLayoutExample extends JFrame {
    
        public static void main(String[] args) {
            FlowLayoutExample a = new FlowLayoutExample();
        }
    
        public FlowLayoutExample() {
    
            setVisible(true);
            setDefaultCloseOperation(EXIT_ON_CLOSE);
    
            FlowLayout g = new FlowLayout();
            setLayout(g);
            setTitle("Flow Layout");
            setSize(300, 300);
            add(new Button("Button 1"));
            add(new Button("Button 2"));
            add(new Button("Button 3"));
            add(new Button("Button 4"));
            add(new Button("Button 5"));
            add(new Button("Button 6"));
    
        }
    }

输出量

![awt-flowlayout][]![awt-flowlayout][awt-flowlayout 1]

## 结论 ##

本文讨论了可用的AWT布局。 讨论已经非常简短地进行了。 因此，参考文献中提供了一些链接，它们可能会帮助您了解更多信息。

## 参考文献 ##

1.  [布局细节][Link 1]
2.  [使用边框布局][Link 2]
3.  [使用卡布局][Link 3]
4.  [使用流程布局][Link 4]
5.  [使用GridBag布局][GridBag]
6.  [使用GridBag布局][GridBag 1]

标签： [awt][] [布局][Link 5]

> 翻译自: [https://mkyong.com/awt/java-awt-layouts/][https_mkyong.com_awt_java-awt-layouts]

[awt-borderlayout]: http://www.mkyong.com/wp-content/uploads/2016/12/awt-borderlayout.jpg
[awt-borderlayout 1]: https://www.mkyong.com/wp-content/uploads/2016/12/awt-borderlayout.jpg
[awt-gridlayout]: http://www.mkyong.com/wp-content/uploads/2016/12/awt-gridlayout.jpg
[awt-gridlayout 1]: https://www.mkyong.com/wp-content/uploads/2016/12/awt-gridlayout.jpg
[awt-gridbaglayout]: http://www.mkyong.com/wp-content/uploads/2016/12/awt-gridbaglayout.jpg
[awt-gridbaglayout 1]: https://www.mkyong.com/wp-content/uploads/2016/12/awt-gridbaglayout.jpg
[awt-cardlayout]: http://www.mkyong.com/wp-content/uploads/2016/12/awt-cardlayout.jpg
[awt-cardlayout 1]: https://www.mkyong.com/wp-content/uploads/2016/12/awt-cardlayout.jpg
[awt-flowlayout]: http://www.mkyong.com/wp-content/uploads/2016/12/awt-flowlayout.jpg
[awt-flowlayout 1]: https://www.mkyong.com/wp-content/uploads/2016/12/awt-flowlayout.jpg
[Link 1]: https://docs.oracle.com/javase/tutorial/uiswing/layout/visual.html#grid
[Link 2]: https://docs.oracle.com/javase/tutorial/uiswing/layout/border.html
[Link 3]: https://docs.oracle.com/javase/tutorial/uiswing/layout/card.html
[Link 4]: https://docs.oracle.com/javase/tutorial/uiswing/layout/flow.html
[GridBag]: https://docs.oracle.com/javase/tutorial/uiswing/layout/gridbag.html
[GridBag 1]: https://docs.oracle.com/javase/tutorial/uiswing/layout/grid.html
[awt]: https://mkyong.com/tag/awt/
[Link 5]: https://mkyong.com/tag/layout/
[https_mkyong.com_awt_java-awt-layouts]: https://mkyong.com/awt/java-awt-layouts/