默认
打赏 发表评论 8
想开发IM:买成品怕坑?租第3方怕贵?找开源自已撸?尽量别走弯路了... 找站长给点建议
Java Swing布局管理器介绍
阅读(51113) | 评论(8 收藏3 淘帖 1
微信扫一扫关注!

前言


当选择使用JPanel和顶层容器的content pane时,需要考虑布局管理。JPanel缺省是初始化一个FlowLayout,而content pane缺省是初始化一个BorderLayout。

下面将分别介绍几种最常用的布局管理器:FlowLayout、BorderLayout、BoxLayout、CardLayout、GridLayout和GridBagLayout。

演示代码说明


每一个布局管理器都会有一个代码演示,xxxLayoutDemo.java(见附件)。这些文件主要有以下三个方法组成。

1)addComponentsToPane()提供布局逻辑(依据不同的布局管理器和UI内容):
public static void addComponentsToPane(Container pane) {。。。}

2)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);
}

3)main()程序入口,单独起一个线程,实例化UI
public static void main(String[] args) {
    javax.swing.SwingUtilities.invokeLater(new Runnable() {
       public void run() {
           createAndShowGUI();
       }
    });
}

FlowLayout


FlowLayout类是最简单的布局管理器。它按照和页面上排列单词的类似方式来安排组件----从左到右,直至没有多余的空间,然后转到下一行。

效果:
Java Swing布局管理器介绍_200902011233491925707.jpg

内容面板代码:
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

效果:
Java Swing布局管理器介绍_2.jpg

内容面板代码:
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);      
}

BoxLayout


BoxLayout可以将组件由上至下或由左至右依次加入当前面板。

效果:
Java Swing布局管理器介绍_3.jpg

内容面板代码:
public static void addComponentsToPane(Container pane) {
    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


卡片布局和其他布局不同,因为它隐藏了一些组件。卡片布局就是一组容器或者组件,它们一次仅仅显是一个,组中的每个容器称为卡片。

效果:
Java Swing布局管理器介绍_4.jpg

内容面板代码:
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让你建立一个组件表格,并且当组件加入时,会依序又左至右,由上至下填充到每个格子,它不能由你指定想放那个格子就放那个格子。

效果:
Java Swing布局管理器介绍_5.jpg

内容面板代码:
public static void addComponentsToPane(Container pane) {
    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)。


效果:
Java Swing布局管理器介绍_6.jpg

内容面板代码:
public static void addComponentsToPane(Container pane) {
    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.fill = GridBagConstraints.HORIZONTAL;
    c.weightx = 0.5;
    c.gridx = 1;
    c.gridy = 0;
    pane.add(button, c);
 
    button = new JButton("Button 3");
    c.fill = GridBagConstraints.HORIZONTAL;
    c.weightx = 0.5;
    c.gridx = 2;
    c.gridy = 0;
    pane.add(button, c);
 
    button = new JButton("Long-Named Button 4");
    c.fill = GridBagConstraints.HORIZONTAL;
    c.ipady = 40; // make this component tall
    c.weightx = 0.0;
    c.gridwidth = 3;
    c.gridx = 0;
    c.gridy = 1;
    pane.add(button, c);
 
    button = new JButton("5");
    c.fill = GridBagConstraints.HORIZONTAL;
    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
    pane.add(button, c);
    }

一个GardBagLayout布局的左右选择框,代码GridBagLayoutFrame.java见附件,运行效果:
Java Swing布局管理器介绍_7.jpg

Demo代码下载


Demo代码.zip (5.43 KB , 下载次数: 10 ) GridBagLayoutFrame.java (4.3 KB , 下载次数: 6 )

(原文地址:http://zhangjunhd.blog.51cto.com/113473/128174

即时通讯网 - 即时通讯开发者社区! 来源: - 即时通讯开发者社区!

标签:Java Java Swing
上一篇:纯JAVA开发 MMORPG下一篇:Accelerator key 与 Mnemonic key 的区别
推荐方案
评论 8
学习
Oracle官方有关Swing布局的教程都写的很详细很好,在这里:https://docs.oracle.com/javase/tutorial/uiswing/layout/box.html
学习下,!!谢谢
写的真不错。。。
这个好。。
引用:cv0cv0 发表于 2016-01-14 18:28
这个好。。

必须的啊,呵呵
学习了
学习了
打赏楼主 ×
使用微信打赏! 使用支付宝打赏!

返回顶部