运用 BoxLayout 进行 Swing 控件布局 |
您所在的位置：网站首页 › java控件的添加与布局 › 运用 BoxLayout 进行 Swing 控件布局 |
运用 BoxLayout 进行 Swing 控件布局
|
对于初学 Java Swing 的开发人员来说，控件的布局是比较困难的。相对于 FlowLayout 而言，BoxLayout 比较灵活，有更大的功能，可以完成比较复杂界面的布局，本文将在基于例子的基础上给出如何较好的使用 BoxLayout, 可以给 Java Swing 的初学者一些启发。 引言在用户使用 Java Swing 进行用户界面开发过程中，会碰到如何对 Java Swing 的控件进行布局的问题。Swing 的控件放置在容器 (Container) 中，容器就是能够容纳控件或者其它容器的类，容器的具体例子有 Frame、Panel 等等。容器需要定义一个布局管理器来对控件进行布局管理，Swing 当中提供的主要的布局管理器有 FlowLayout、BorderLayout、BoxLayout、GridLayout 和 GridBaglayout, 它们的主要特点如表 1 所示： 表 1. Swing 中的一些主要布局管理器的比较 布局管理器特点 FlowLayout 把控件按照顺序一个接一个由左向右的水平放置在容器中，一行放不下，就放到下一行 BorderLayout 将整个容器划分成东南西北中五个方位来放置控件，放置控件时需要指定控件放置的方位 BoxLayout 可以指定在容器中是否对控件进行水平或者垂直放置，比 FlowLayout 要更为灵活 GridLayout 将整个容器划分成一定的行和一定的列，可以指定控件放在某行某列上 GridBagLayout 是 Swing 当中最灵活也是最复杂的布局管理器，可对控件在容器中的位置进行比较灵活的调整
本文主要关注在 BoxLayout 布局管理器的使用上。我们首先对 BoxLayout 作一下介绍。 BoxLayout 介绍如前所述，BoxLayout 可以把控件依次进行水平或者垂直排列布局，这是通过参数 X_AXIS、Y_AXIS 来决定的。X_AXIS 表示水平排列，而 Y_AXIS 表示垂直排列。BoxLayout 的构造函数有两个参数，一个参数定义使用该 BoxLayout 的容器，另一个参数是指定 BoxLayout 是采用水平还是垂直排列。下面是一个创建 BoxLayout 实例的例子： 1 JPanel panel=new JPanel(); 2 BoxLayout layout=new BoxLayout(panel, BoxLayout.X_AXIS); 3 panel.setLayout(layoout);在这个例子中，一个 BoxLayout 布局管理器的实例 layout 被创建，这个实例被设置为 panel 的布局管理器，该布局管理器采用了水平排列来排列控件。 当 BoxLayout 进行布局时，它将所有控件依次按照控件的优先尺寸按照顺序的进行水平或者垂直放置，假如布局的整个水平或者垂直空间的尺寸不能放下所有控件，那么 BoxLayout 会试图调整各个控件的大小来填充整个布局的水平或者垂直空间。 BoxLayout 往往和 Box 这个容器结合在一起使用，这么做的理由是，BoxLayout 是把控件以水平或者垂直的方向一个接一个的放置，如果要调整这些控件之间的空间，就会需要使用 Box 容器提供的透明的组件作为填充来填充控件之间的空间，从而达到调整控件之间的间隔空间的目的。Box 容器提供了 4 种透明的组件，分别是 rigid area、strut、glue、filler。Box 容器分别提供了不同的方法来创建这些组件。这四个组件的特点如下： Rigid area 是一种用户可以定义水平和垂直尺寸的透明组件； strut 与 rigid area 类似，但是用户只能定义一个方向的尺寸，即水平方向或者垂直方向，不能同时定义水平和垂直尺寸； 当用户将 glue 放在两个控件之间时，它会尽可能的占据两个控件之间的多余空间，从而将两个控件挤到两边； Filler 是 Box 的内部类，它与 rigid area 相似，都可以指定水平或者垂直的尺寸，但是它可以设置最小，最大和优先尺寸。 用 BoxLayout 进行布局在了解了 BoxLayout 和 Box 容器的基本特点后，我们来看一下 BoxLayout 的优点，首先 BoxLayout 可以进行对控件进行垂直或者水平布局，同时 BoxLayout 使用起来较为简单，然而把它和 Box 容器相结合，就可以进行较为复杂的布局，达到同使用 GridBagLayout 的一样的效果，但是使用起来要简单方便多了。我们用按钮的布局作为例子来看怎样运用 BoxLayout 和 Box 容器进行布局： 图 1. 应用 BoxLayout 进行按钮布局例子 1
我们在布局中经常会碰到如图 1 所示要把按钮放在容器的两端，那么我们就可以给容器定义一个 BoxLayout 来布局按钮，我们在按钮 1 和按钮 2 之间放置一个不可见的 glue，如前面所提到的那样，glue 就会尽量挤占掉两个按钮之间的空间，从而将两个按钮放在两端。 图 2. 应用 BoxLayout 进行按钮布局例子 2
再来看图 2 的例子，我们经常会遇到要将两个按钮放在容器的右边，我们就可以给容器定义一个 BoxLayout, 先放一个不可见的 glue，这个 glue 会挤占左边的空间，从而将两个按钮推到右边， 在两个按钮之间再放一个 strut，它也是不可见的，它会把两个按钮分隔开。 BoxLayout 布局实例在基于前面讨论的基础上，我们现在来看一个具体的运用例子，假设图 3 是我们需要完成的用户界面： 图 3. BoxLayout 演示
这个演示是一个虚拟的用户对话框，只用于演示如何使用 BoxLayout, 例子代码中没有实现控件的动作。我们假定通过它用户可以选择要查询的运动会项目，然后查询，对话框中的表格显示了查询到的运动会项目的报名情况。为了完成这个布局，我们从上到下分别定义了 3 个 Panel, 分别叫做 topPanel，middlePanel，bottomPanel，这 3 个 Panel 都使用 BoxLayout。我们先看最上边的 topPanel，也就是包含表格的 Panel，topPanel 布局的基本思路是该 Panel 采用 BoxLayout 的垂直排列布局，先放置一个不可见的 Strut, 使topPanel 相 对顶部留出一定的空间，再放置包含表格的滚动窗格，再加入一个不可见的Strut，从而使topPanel和middlePanel之间留出一定的空间。TopPanel 的代码如清单 1 所示： 清单 1. topPanel 示例代码清单 1 static void createTopPanel() { 2 topPanel = new JPanel(); 3 String[] columnName = { "姓名", "性别", "单位", "参加项目", "备注" }; 4 String[][] rowData = { { "张三", "男", "计算机系", "100 米 ,200 米", "" }, 5 { "李四", "男", "化学系", "100 米，铅球", "" }, 6 }; 7 // 创建表格 8 JTable table = new JTable(new DefaultTableModel(rowData, columnName)); 9 // 创建包含表格的滚动窗格 10 JScrollPane scrollPane = new JScrollPane(table); 11 scrollPane.setVerticalScrollBarPolicy(JScrollPane.VERTICAL_SCROLLBAR_ALWAYS); 12 // 定义 topPanel 的布局为 BoxLayout，BoxLayout 为垂直排列 13 topPanel.setLayout(new BoxLayout(topPanel, BoxLayout.Y_AXIS)); 14 // 先加入一个不可见的 Strut，从而使 topPanel 对顶部留出一定的空间 15 topPanel.add(Box.createVerticalStrut(10)); 16 // 加入包含表格的滚动窗格 17 topPanel.add(scrollPane); 18 // 再加入一个不可见的 Strut，从而使 topPanel 和 middlePanel 之间留出一定的空间 19 topPanel.add(Box.createVerticalStrut(10)); 20 }位于中间的 middlePanel 比较复杂些，它的左边包括标签运动会项目和运动会项目列表，中间是两个按钮，我们假定点击 >> 按钮将会把用户在运动会项目列表中选中的项目移到右边的查询项目列表，点击 > 加入到中间的 Panel 47 buttonPanel.add(toTargetButton); 48 49 //两个按钮之间加入一个不可见的 rigidArea 50 buttonPanel.add(Box.createRigidArea (new Dimension(15, 15))); 51 // 将按钮 |
【本文地址】
今日新闻 |
推荐新闻 |