`
mytream
  • 浏览: 73173 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

GridBagLayout布局管理器应用详解

阅读更多

 

     很多情况下,我们已经不需要通过编写代码来实现一个应用程序的图形界面,而是通过强大的IDE工具通过拖拽辅以简单的事件处理代码即可很轻松的完成。但是我们不得不面对这样操作存在的一些问题,有时候我们希望能够自由改变一个程序界面的大小,通过托拽生成的界面往往是不提供这个功能的,因为定制的界面一旦改变形状,组件间的布局会变得杂乱无章。

     Java中的布局管理器应用了策略者模式(Strategy),为不同类型的组件布局提供了很好的模型。而其中的网格组布局管理器(GridBagLayout)被认为是所有布局管理器中最强大的。下面笔者将通过一个例子讲述它的使用方法。

 

1.笔者目标是实现一个WindowsXP下画图板的框架,下面是设计模型图


      我们可以将GridBagLayout看作没有任何约束或限制的网格布局(GridLayout),一个组件可以占据若干行和列,而且大小设定也是自由的。从上图我们可以清晰的看到整个画图板界面被划分为4行2列的一个表格,我们先不用管某个单元格的大小,只管划分。

     这样五个具体的面板(我们使用JPanel对象进行填充)就构成了整个界面,上侧占据1行2列的工具选择面板(toolSelectPanel),左侧1行1列的某个工具的选项面板(toolConcretePanel),右侧的drawPanel,下侧的colorPanel和statePanel

 

2.我们通过以下步骤为界面进行GridBagLayout布局

      1).设置主界面的布局管理器为GridBagLayout(不用指定行和列)

      2).为界面中的每一个组件(这里是JPanel对象)指定一个GridBagConstraints对象,通过设置该对象的属性值指出组件在

管理器中的布局方案

      3).通过下面的调用添加组件极其约束条件(GridBagConstraints对象)

        add(Component,constraints);

 

      我们有必要了解一下GridBagConstraints中各个属性的具体含义以便我们更好的进行个性化的布局

      @gridx,gridy:

       组件左上角所在的位置,如上图中左侧的面板在1行0列,则gridy=0,gridx=1。读者请注意这里的行对应的是gridy,列对应的是gridx

       @gridwidth,gridheight

       组件占据的行数和列数,如最上面的那个面板占了1行2列,则gridwidth=2,gridheight=1

       @weightx,weighty

       可以简单理解为组件大小变化的增量值,如设置weightx=100,组件会随着单元格而变化,设置weightx=0时,组件大小不会发生变化。当然weightx,weighty也可以设置成其他的值,不过意义不大,就不再详细介绍。

       @fill

       组件在所处格子(分配区域)内的填充方式

       如fill= HORIZONTAL,组件就只在水平方向上填充满单元格,取fill= BOTH则会填满整个格子。

       @anchor

       组件在所处格子内的对其方式,取anchor=EAST就是指右对齐

       @ipadx,ipady

       内部填充,是指在组件首选大小的基础上x方向上加上ipadx,y方向上加上ipady,这样做就可以保证组件不会收缩到ipadx,ipady所确定的大小以下,因此我们可以用ipadx,ipady的值来指定组件的大小,而不必指定组件的大小否则会有意想不到的效果

       @insets

       外部填充,填充的区域是组件与所处格子边框之间的部分,有left,top,right,bottom四个参数,不过当组件的fill=NONE时,指定insects值是无意义的

 

3.下面就是代码实现了,先看下效果图吧

这是运行生成的界面


这是拉伸之后的界面


关键代码如下

 

private void addGridBagPanes() {
		//上侧的工具选择面板
		JPanel toolSelectPanel = new JPanel();
		toolSelectPanel.setBackground(Color.green);
		this.add(toolSelectPanel, new GBC(0,0,2,1).
                     setFill(GBC.BOTH).setIpad(200, 50).setWeight(100, 0));
		//左侧的具体工具面板
		JPanel toolConcretePanel = new JPanel();
		toolConcretePanel.setBackground(Color.YELLOW);
		this.add(toolConcretePanel,new GBC(0,1).
                     setFill(GBC.BOTH).setIpad(70, 90).setWeight(0, 100));
		//右侧的绘图面板
		JPanel drawPanel = new JPanel();
		drawPanel.setBackground(Color.WHITE);
		this.add(drawPanel,new GBC(1,1).setFill(GBC.BOTH));
		//下侧的颜色选择面板
		JPanel colorPanel = new JPanel();
		colorPanel.setBackground(Color.LIGHT_GRAY);
		this.add(colorPanel,new GBC(0,2,2,1).
                     setFill(GBC.BOTH).setIpad(200,50).setWeight(100, 0));
		//下侧的状态面板
		JPanel statePanel = new JPanel();
		statePanel.setBackground(Color.CYAN);
		this.add(statePanel,new GBC(0,3,2,1).
                      setFill(GBC.BOTH).setIpad(200, 20).setWeight(100, 0));
	}
 

       其中的GBC类继承于GridBagConstraints这样做的目的是简化每次对GridBagConstraints对象的直接操作带来的繁琐,而GBC的各个set方法返回的都是一个GBC对象因此可以接连调用set方法。GBC类的代码如下:

 

public class GBC extends GridBagConstraints
{
   //初始化左上角位置
   public GBC(int gridx, int gridy)
   {
      this.gridx = gridx;
      this.gridy = gridy;
   }

   //初始化左上角位置和所占行数和列数
   public GBC(int gridx, int gridy, int gridwidth, int gridheight)
   {
      this.gridx = gridx;
      this.gridy = gridy;
      this.gridwidth = gridwidth;
      this.gridheight = gridheight;
   }

   //对齐方式
   public GBC setAnchor(int anchor)
   {
      this.anchor = anchor;
      return this;
   }

   //是否拉伸及拉伸方向
   public GBC setFill(int fill)
   {
      this.fill = fill;
      return this;
   }

   //x和y方向上的增量
   public GBC setWeight(double weightx, double weighty)
   {
      this.weightx = weightx;
      this.weighty = weighty;
      return this;
   }

   //外部填充
   public GBC setInsets(int distance)
   {
      this.insets = new Insets(distance, distance, distance, distance);
      return this;
   }

   //外填充
   public GBC setInsets(int top, int left, int bottom, int right)
   {
      this.insets = new Insets(top, left, bottom, right);
      return this;
   }

   //内填充
   public GBC setIpad(int ipadx, int ipady)
   {
      this.ipadx = ipadx;
      this.ipady = ipady;
      return this;
   }
}
 

 

  • 大小: 8.8 KB
  • 大小: 20.2 KB
  • 大小: 20 KB
分享到:
评论
6 楼 wqguanmu 2017-05-17  
@gridx,gridy:

       组件左上角所在的位置,如上图中左侧的面板在1行0列,则gridy=0,gridx=1。读者请注意这里的行对应的是gridy,列对应的是gridx

这一句容易引起歧义。刚开始还以为我理解错了
5 楼 forever_jun2_ 2016-01-07  
java.lang.IllegalArgumentException: cannot add to layout: constraint must be a string (or null) 跑不成功啊
4 楼 dreamoftch 2013-07-19  
不错!
3 楼 hw1287789687 2012-08-29  
@gridx,gridy:
       组件左上角所在的位置,如上图中左侧的面板在1行0列,则gridy=0,gridx=1。读者请注意这里的行对应的是gridy,列对应的是gridx
上面的说反了。应该是:
@gridx,gridy:
       组件左上角所在的位置,如上图中左侧的面板在1行0列,则gridy=1,gridx=0。读者请注意这里的行对应的是gridy,列对应的是gridx
2 楼 hw1287789687 2012-08-29  
package com.hw.swing;

import java.awt.Color;
import java.awt.GridBagLayout;

import javax.swing.JFrame;
import javax.swing.JPanel;

public class Main extends JFrame
{

    private static final long serialVersionUID = -3635725759431446273L;

    public static void main(String[] args)
    {
        Main main = new Main();
        main.addGridBagPanes();
        main.setVisible(true);
        main.pack();

    }

    private void addGridBagPanes()
    {
        //上侧的工具选择面板  
        JPanel toolSelectPanel = new JPanel();
        toolSelectPanel.setBackground(Color.green);
        this.setLayout(new GridBagLayout());
        this.add(toolSelectPanel, new GBC(0, 0, 2, 1).setFill(GBC.BOTH)
                .setIpad(200, 50).setWeight(100, 0));
        //左侧的具体工具面板  
        JPanel toolConcretePanel = new JPanel();
        toolConcretePanel.setBackground(Color.YELLOW);
        this.add(toolConcretePanel, new GBC(0, 1).setFill(GBC.BOTH).setIpad(70,
            90).setWeight(0, 100));
        //右侧的绘图面板  
        JPanel drawPanel = new JPanel();
        drawPanel.setBackground(Color.WHITE);
        this.add(drawPanel, new GBC(1, 1).setFill(GBC.BOTH));
        //下侧的颜色选择面板  
        JPanel colorPanel = new JPanel();
        colorPanel.setBackground(Color.LIGHT_GRAY);
        this.add(colorPanel, new GBC(0, 2, 2, 1).setFill(GBC.BOTH).setIpad(200,
            50).setWeight(100, 0));
        //下侧的状态面板  
        JPanel statePanel = new JPanel();
        statePanel.setBackground(Color.CYAN);
        this.add(statePanel, new GBC(0, 3, 2, 1).setFill(GBC.BOTH).setIpad(200,
            20).setWeight(100, 0));
    }

}
1 楼 zhyjava 2011-09-27  
牛逼~~

相关推荐

    Swing的GridBagLayout布局应用详解(附Java源代码)

    本文通过代码示例的方式介绍了Swing的GridBagLayout布局样式的应用,不拘泥于JDK文档教条方式的陈述,图形效果图与文字相结合,讲解直观而浅显易懂,另外,示例代码中还包含了BorderLayout、FlowLayout等布局的应用...

    java中GridBagLayout布局管理器的详细讲解.doc

    ### Java中GridBagLayout布局管理器的详细讲解 #### 一、引言 在Java图形用户界面(GUI)设计中,界面布局是非常重要的一个环节。合理的布局不仅能够提高应用程序的美观性,还能够提升用户体验。Java提供了多种...

    Swing布局管理器

    ### Swing布局管理器详解 #### 一、布局管理器概览 在Java图形用户界面编程中,Swing作为一套强大的工具包,为开发者提供了丰富的组件和功能,其中布局管理器是构建美观且易于维护的GUI应用程序的关键部分。布局...

    Java中GridBagLayout的用法

    GridBagLayout是一种高度灵活且功能强大的布局管理器,在Java Swing图形用户界面编程中被广泛使用。相较于其他布局管理器如FlowLayout或BorderLayout,GridBagLayout提供更精细的控制能力,允许开发者精确地指定组件...

    JAVA布局管理.docx

    【JAVA布局管理详解】 在Java GUI编程中,布局管理是至关重要的部分,它决定了窗口中的组件如何排列和显示。本文将详细介绍Java中的五大布局管理器:...理解并熟练掌握这些布局管理器是构建专业GUI应用程序的基础。

    带有清零功能的小型JAVA计算器完整源代码!

    我们的计算器应用程序使用 GridBagLayout 布局管理器来布局所有组件。GridBagLayout 将容器分成网格单元格,每个组件可以占用一个或多个网格单元格。在我们的应用程序中,我们将计算器的显示区、数字按钮和操作按钮...

    java应用编程实例

    此外,为了增强界面的适应性和美观度,还可以结合其他高级布局管理器如`GridBagLayout`和`BoxLayout`,以及使用`JPanel`和`JFrame`等更高级的容器来构建复杂的GUI结构。 总之,掌握好Java中的布局管理器是每个Java...

    Java_swing布局详解(附示例图).doc

    在实际应用中,通常会根据需求组合使用这些布局管理器,或者自定义布局管理器来实现特定的界面布局。`createAndShowGUI()`方法负责创建并显示GUI,`main()`方法使用SwingUtilities的`invokeLater()`方法确保UI在事件...

    Java Swing 图形化界面编程 经典详解

    Swing组件的布局管理是通过布局管理器实现的,例如`FlowLayout`, `GridLayout`, `BorderLayout`, `BoxLayout`和`GridBagLayout`。布局管理器负责决定组件在容器内的位置和大小。使用不同的布局管理器可以创建各种...

    Java Swing图形界面开发与案例详解

    Swing提供了多种布局管理器,如FlowLayout、BorderLayout、GridLayout、CardLayout和GridBagLayout等,用于控制组件在容器中的排列方式。布局管理器的选择对GUI的外观和交互性至关重要,需要根据应用需求灵活运用。 ...

    GridLayout应用

    GridBagLayout是Java中最灵活的布局管理器,它可以处理不同大小的组件、跨越多个网格的组件,甚至允许组件部分重叠。GridBagLayout的核心在于GridBagConstraints类,它用于定义组件的约束条件,控制组件在网格中的...

    JavaSwing图形界面开发与案例详解和实例代码

    1. **布局管理**:Swing提供了多种布局管理器,如FlowLayout、BorderLayout、GridLayout、CardLayout和GridBagLayout,用于自动或手动组织组件在容器中的位置。理解并灵活运用这些布局管理器对于创建高效且响应良好...

    java gui layout API

    总之,Java GUI布局API是构建图形用户界面的基础工具,理解和熟练掌握这些布局管理器对于创建美观且功能丰富的Java应用至关重要。通过深入研究如designgridlayout-1.9-sources.jar这样的源代码,开发者可以更深入地...

    [Java Swing图形界面开发与案例详解].王鹏等.扫描版

    Swing还提供了布局管理器(Layout Manager),如FlowLayout、BorderLayout、GridLayout和GridBagLayout,帮助开发者控制组件在窗口中的排列和大小。通过选择合适的布局管理器,可以轻松地创建出美观且响应式的用户...

    swing界面设计之Layou

    ### Swing界面设计之布局管理详解 #### 一、获取面板大小 在Swing中,获取一个面板(如`JPanel`)的大小非常简单。可以通过调用`getWidth()`和`getHeight()`方法来获取面板的宽度和高度。例如: ```java JPanel p1 ...

    Java Swing图形界面开发与案例详解及随书实例代码

    它们负责决定组件在容器中的位置和大小,包括FlowLayout(流式布局)、BorderLayout(边界布局)、GridLayout(网格布局)、BoxLayout(盒式布局)和GridBagLayout(网格包布局)。理解并熟练运用这些布局管理器,...

    Java.Swing图形界面开发与案例详解.王鹏等——第6章

    本章"Java Swing图形界面开发与案例详解"深入讲解了Swing组件、布局管理以及事件处理等核心概念,旨在帮助学习者掌握Swing的基本用法并能够实际操作创建丰富的GUI应用程序。 1. **Swing组件**: Swing提供了许多组件...

    Java Swing图形界面开发与案例详解 .王鹏等.扫描版(前5章代码)

    2. **布局管理器**:Java Swing提供了多种布局管理器,如FlowLayout、BorderLayout、GridLayout、BoxLayout和GridBagLayout,用于控制组件在容器中的排列方式,使得界面布局更加灵活。 3. **事件处理**:Swing支持...

    Java图形类库.doc

    AWT提供了五种标准布局管理器:FlowLayout、BorderLayout、GridLayout、CardLayout和GridBagLayout。这些布局管理器可以帮助开发者轻松实现组件的排列和布局,无需手动指定每个组件的确切位置和尺寸。 ##### 2.3 ...

Global site tag (gtag.js) - Google Analytics