堆栈内存溢出
  简体   繁体   English

为什么这个 GridBagLayout 没有按计划出现？

[英]Why does this GridBagLayout not appear as planned?

 原文  2014-12-09 05:20:20  0   2    java/ swing/ layout-manager/ gridbaglayout

问题描述

I was trying to achieve the end result required in Setting an arbitrary width in GridBagLayout .我试图实现在 GridBagLayout中设置任意宽度所需的最终结果。

For easy reference, here it is:为了方便参考，这里是：

This is the current result:这是当前的结果：

Button number and row is shown in the form 1,1 , followed by the number of columns (2) declared for this cell.按钮编号和行以1,1形式显示，后跟为此单元格声明的列数(2) 。

As you can see, it starts with buttons 1,1 (3) and below it 1,2 (4) being the same width, while declaring different numbers of columns.如您所见，它以按钮1,1 (3)开始，其下方的1,2 (4)具有相同的宽度，同时声明了不同的列数。

Can anyone determine how to correct the code?谁能确定如何更正代码？

The current code:当前代码：

import java.awt.*;
import javax.swing.*;
import javax.swing.border.EmptyBorder;

public class KeyBoardLayout {

    private JComponent ui = null;

    KeyBoardLayout() {
        initUI();
    }

    public void initUI() {
        if (ui!=null) return;

        ui = new JPanel(new GridBagLayout());
        ui.setBorder(new EmptyBorder(4,4,4,4));

        GridBagConstraints gbc = new GridBagConstraints();

        gbc.gridx = 0;
        gbc.gridy = 0;
        gbc.gridwidth = 3;
        gbc.fill = GridBagConstraints.HORIZONTAL;
        ui.add(new JButton("1,1 (3)"), gbc);

        gbc.gridx = 3;
        gbc.gridwidth = 2;
        ui.add(new JButton("2,1 (2)"), gbc);

        gbc.gridx = 5;
        ui.add(new JButton("3,1 (2)"), gbc);

        gbc.gridx = 7;
        ui.add(new JButton("4,1 (2)"), gbc);

        gbc.gridx = 9;
        ui.add(new JButton("5,1 (2)"), gbc);

        gbc.gridx = 11;
        ui.add(new JButton("6,1 (2)"), gbc);

        gbc.gridx = 13;
        ui.add(new JButton("7,1 (2)"), gbc);

        gbc.gridx = 15;
        gbc.gridwidth = 3;
        ui.add(new JButton("8,1 (3)"), gbc);

        gbc.gridx = 18;
        gbc.gridwidth = 4;
        ui.add(new JButton("9,1 (4)"), gbc);

        gbc.gridx = 0;
        gbc.gridy = 1;
        ui.add(new JButton("1,2 (4)"), gbc);

        gbc.gridx = 4;
        gbc.gridwidth = 2;
        ui.add(new JButton("2,2 (2)"), gbc);

        gbc.gridx = 6;
        ui.add(new JButton("3,2 (2)"), gbc);

        gbc.gridx = 8;
        ui.add(new JButton("4,2 (2)"), gbc);

        gbc.gridx = 10;
        ui.add(new JButton("5,2 (2)"), gbc);

        gbc.gridx = 12;
        ui.add(new JButton("6,2 (2)"), gbc);

        gbc.gridx = 14;
        ui.add(new JButton("7,2 (2)"), gbc);

        gbc.gridx = 16;
        ui.add(new JButton("8,2 (2)"), gbc);

        gbc.gridx = 18;
        gbc.gridwidth = 4;
        ui.add(new JButton("9,2 (4)"), gbc);

        gbc.gridx = 0;
        gbc.gridy = 2;
        gbc.gridwidth = 5;
        ui.add(new JButton("1,3 (5)"), gbc);

        gbc.gridx = 5;
        gbc.gridwidth = 2;
        ui.add(new JButton("2,3 (2)"), gbc);

        gbc.gridx = 7;
        ui.add(new JButton("3,3 (2)"), gbc);

        gbc.gridx = 9;
        ui.add(new JButton("4,3 (2)"), gbc);

        gbc.gridx = 11;
        ui.add(new JButton("5,3 (2)"), gbc);

        gbc.gridx = 13;
        ui.add(new JButton("6,3 (2)"), gbc);

        gbc.gridx = 15;
        ui.add(new JButton("7,3 (2)"), gbc);

        gbc.gridx = 17;
        ui.add(new JButton("8,3 (2)"), gbc);

        gbc.gridx = 19;
        gbc.gridwidth = 3;
        ui.add(new JButton("9,3 (3)"), gbc);

        gbc.gridx = 0;
        gbc.gridy = 3;
        gbc.gridwidth = 3;
        ui.add(new JButton("1,4 (3)"), gbc);

        gbc.gridx = 3;
        ui.add(new JButton("2,4 (3)"), gbc);

        gbc.gridx = 6;
        gbc.gridwidth = 10;
        ui.add(new JButton("3,4 (10)"), gbc);

        gbc.gridx = 16;
        gbc.gridwidth = 3;
        ui.add(new JButton("4,4 (3)"), gbc);

        gbc.gridx = 19;
        ui.add(new JButton("5,4 (3)"), gbc);
    }

    public JComponent getUI() {
        return ui;
    }

    public static void main(String[] args) {
        Runnable r = new Runnable() {
            @Override
            public void run() {
                try {
                    UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
                } catch (Exception useDefault) {
                }
                KeyBoardLayout o = new KeyBoardLayout();

                JFrame f = new JFrame("Keyboard Layout");
                f.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
                f.setLocationByPlatform(true);

                f.setContentPane(o.getUI());
                f.pack();
                f.setMinimumSize(f.getSize());

                f.setVisible(true);
            }
        };
        SwingUtilities.invokeLater(r);
    }
}

2 个解决方案

解决方案1
 2  2014-12-09 06:02:57

I am afraid the desired layout is not so simple with simple GridBagLayout restriction.恐怕想要的布局不是那么简单，简单的 GridBagLayout 限制。 GBL does not respect proportions with gridwidth. GBL 不尊重网格宽度的比例。 It means it can't detect 2/3 of component's width.这意味着它无法检测到组件宽度的 2/3。 So if you define所以如果你定义

c1 (gridwidth=2) c2 (gridwidth=1)
c3 (gridwidth=3)

Expecting to get期待获得

|****|**|
|*******|

The result will be结果将是

|**|**|
|*****|

The camickr's example works because the simple cell heights were defined and IMHO that's the only way. camickr 的示例有效，因为定义了简单的单元格高度，恕我直言，这是唯一的方法。

解决方案2
 1 已采纳  2019-08-12 14:57:20

From the picture each row contains 5 to 9 buttons, which means the GridBagLayout only knows about the width of 9 individual columns.从图片来看，每行包含 5 到 9 个按钮，这意味着GridBagLayout只知道 9 个单独列的宽度。

Add up the numbers in the (..) which indicate the total gridwidth for each row.将 (..) 中的数字相加，表示每行的总gridwidth 。 The total is 22.总数为 22。

The GridBagLayout doesn't know how to turn 9 columns into 22 columns. GridBagLayout不知道如何将 9 列变成 22 列。 It doesn't know what widths to use for columns without a component in the column.它不知道列中没有组件的列使用什么宽度。 So the layout doesn't know how to handle the gridwidth constraint.所以布局不知道如何处理gridwidth约束。

The solution is to tell the GridBagLayout the intended number of columns in the grid and the minimum width of each column in the grid.解决方案是告诉GridBagLayout网格中的预期列数和网格中每列的最小宽度。

This can be done by setting values of the GridBagLayout itself:这可以通过设置GridBagLayout本身的值来完成：

//ui = new JPanel(new GridBagLayout());
int[] columns = new int[22];
Arrays.fill(columns, 30);
GridBagLayout gbl = new GridBagLayout();
gbl.columnWidths = columns;
ui = new JPanel(gbl);

The size of the array defines the number of columns.数组的大小定义了列数。

The value assigned to each entry in the array is the "minimum width" of the column (it can be different for each column).分配给数组中每个条目的值是列的“最小宽度”（每列可以不同）。

Now the GridBagLayout knows how to calculate a width for each column and using gridwidth as a constraint for each component will work as expected.现在GridBagLayout知道如何计算每列的宽度，并且使用gridwidth作为每个组件的约束将按预期工作。

Updated code is as follows:更新后的代码如下：

import java.awt.*;
import java.util.Arrays;
import javax.swing.*;
import javax.swing.border.EmptyBorder;

public class KeyBoardLayout {

    private JComponent ui = null;

    KeyBoardLayout() {
        initUI();
    }

    public void initUI() {
        if (ui!=null) return;


        //ui = new JPanel(new GridBagLayout());
        int[] columns = new int[22];
        Arrays.fill(columns, 30);
        GridBagLayout gbl = new GridBagLayout();
        gbl.columnWidths = columns;
        ui = new JPanel(gbl);

        ui.setBorder(new EmptyBorder(4,4,4,4));

        GridBagConstraints gbc = new GridBagConstraints();

        gbc.gridx = 0;
        gbc.gridy = 0;
        gbc.gridwidth = 3;
        gbc.fill = GridBagConstraints.HORIZONTAL;
        ui.add(new JButton("1,1 (3)"), gbc);

        gbc.gridx = 3;
        gbc.gridwidth = 2;
        ui.add(new JButton("2,1 (2)"), gbc);

        gbc.gridx = 5;
        ui.add(new JButton("3,1 (2)"), gbc);

        gbc.gridx = 7;
        ui.add(new JButton("4,1 (2)"), gbc);

        gbc.gridx = 9;
        ui.add(new JButton("5,1 (2)"), gbc);

        gbc.gridx = 11;
        ui.add(new JButton("6,1 (2)"), gbc);

        gbc.gridx = 13;
        ui.add(new JButton("7,1 (2)"), gbc);

        gbc.gridx = 15;
        gbc.gridwidth = 3;
        ui.add(new JButton("8,1 (3)"), gbc);

        gbc.gridx = 18;
        gbc.gridwidth = 4;
        ui.add(new JButton("9,1 (4)"), gbc);

        gbc.gridx = 0;
        gbc.gridy = 1;
        ui.add(new JButton("1,2 (4)"), gbc);

        gbc.gridx = 4;
        gbc.gridwidth = 2;
        ui.add(new JButton("2,2 (2)"), gbc);

        gbc.gridx = 6;
        ui.add(new JButton("3,2 (2)"), gbc);

        gbc.gridx = 8;
        ui.add(new JButton("4,2 (2)"), gbc);

        gbc.gridx = 10;
        ui.add(new JButton("5,2 (2)"), gbc);

        gbc.gridx = 12;
        ui.add(new JButton("6,2 (2)"), gbc);

        gbc.gridx = 14;
        ui.add(new JButton("7,2 (2)"), gbc);

        gbc.gridx = 16;
        ui.add(new JButton("8,2 (2)"), gbc);

        gbc.gridx = 18;
        gbc.gridwidth = 4;
        ui.add(new JButton("9,2 (4)"), gbc);

        gbc.gridx = 0;
        gbc.gridy = 2;
        gbc.gridwidth = 5;
        ui.add(new JButton("1,3 (5)"), gbc);

        gbc.gridx = 5;
        gbc.gridwidth = 2;
        ui.add(new JButton("2,3 (2)"), gbc);

        gbc.gridx = 7;
        ui.add(new JButton("3,3 (2)"), gbc);

        gbc.gridx = 9;
        ui.add(new JButton("4,3 (2)"), gbc);

        gbc.gridx = 11;
        ui.add(new JButton("5,3 (2)"), gbc);

        gbc.gridx = 13;
        ui.add(new JButton("6,3 (2)"), gbc);

        gbc.gridx = 15;
        ui.add(new JButton("7,3 (2)"), gbc);

        gbc.gridx = 17;
        ui.add(new JButton("8,3 (2)"), gbc);

        gbc.gridx = 19;
        gbc.gridwidth = 3;
        ui.add(new JButton("9,3 (3)"), gbc);

        gbc.gridx = 0;
        gbc.gridy = 3;
        gbc.gridwidth = 3;
        ui.add(new JButton("1,4 (3)"), gbc);

        gbc.gridx = 3;
        ui.add(new JButton("2,4 (3)"), gbc);

        gbc.gridx = 6;
        gbc.gridwidth = 10;
        ui.add(new JButton("3,4 (10)"), gbc);

        gbc.gridx = 16;
        gbc.gridwidth = 3;
        ui.add(new JButton("4,4 (3)"), gbc);

        gbc.gridx = 19;
        ui.add(new JButton("5,4 (3)"), gbc);
    }

    public JComponent getUI() {
        return ui;
    }

    public static void main(String[] args) {
        Runnable r = new Runnable() {
            @Override
            public void run() {
                try {
                    UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
                } catch (Exception useDefault) {
                }
                KeyBoardLayout o = new KeyBoardLayout();

                JFrame f = new JFrame("Keyboard Layout");
                f.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
                f.setLocationByPlatform(true);

                f.setContentPane(o.getUI());
                f.pack();
                f.setMinimumSize(f.getSize());

                f.setVisible(true);
            }
        };
        SwingUtilities.invokeLater(r);
    }
}

This approach can be used for rows as well.这种方法也可用于行。

This means the GridBagLayout provides the ability to create a grid and only fill a few cells of the grid with components.这意味着GridBagLayout提供了创建网格并仅用组件填充网格的几个单元格的能力。

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 为什么JSplitPane混搭我的GridBagLayout？ - Why does JSplitPane mash my GridBagLayout? 为什么grouplayout会调整父gridbaglayout的大小？ - Why does a grouplayout resizes a parent gridbaglayout? 为什么GridBagLayout提供奇怪的结果？ - Why does GridBagLayout provide strange result? 为什么GridBagLayout集中我的组件而不是把它放在角落？ - Why does GridBagLayout center my components instead of putting it in the corner? 为什么没有出现FloatingActionButton？ - Why does not appear FloatingActionButton? 为什么宇宙飞船没有出现？ - Why does the spaceship not appear? GridBagLayout 不显示组件 - GridBagLayout does not display a component 为什么一切都以 GridBagLayout 为中心？ - Why is everything centered in the GridBagLayout? GridBagLayout不填充区域 - GridBagLayout does not fill area 为什么JComponents没有出现在框架中？ - Why JComponents does not appear in the frame?
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM