java - 将按钮中的图标调整为与按钮大小一样大(+使用布局管理器)并使字体与按钮大小一样大

Question

目前我正在尝试添加一个与按钮一样大的图标(添加到GridBagLayout)。我想将图标缩放到按钮的大小，但我的按钮显示其大小为 0。

我尝试打印出按钮的大小(在创建按钮之后以及添加按钮之后)。它总是给我 0，因此出现 ArgumentException (宽度 (0) 和高度 (0) 必须非零)。

此外，我想动态调整字体大小，与按钮一样大(尚未实现，但也不起作用，因为按钮没有给出其大小)。有人有使用 LayoutManager 动态调整大小的解决方案吗？也许有一种方法可以获取像元大小，然后将图像缩放到像元大小？

这是我的测试代码:

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


    public class TestResize extends JFrame {

    private Container cp;
    private JPanel levelPane;
    private GridBagConstraints gbc = new GridBagConstraints();


    public TestResize() {
        super();
        setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE);
        int frameWidth = 200;
        int frameHeight = 200;
        setSize(frameWidth, frameHeight);
        Dimension d = Toolkit.getDefaultToolkit().getScreenSize();
        int x = (d.width - getSize().width) / 2;
        int y = (d.height - getSize().height) / 2;
        setLocation(x, y);
        setTitle("temp");
        setResizable(false);
        cp = getContentPane();
        cp.setLayout(new BorderLayout());

        createLevelMenu();


        setVisible(true);
    } // end of public temp


    public static void main(String[] args) {
        new TestResize();
    } // end of main

    public void createLevelMenu(){

        if (levelPane == null){
            levelPane = new JPanel(new GridBagLayout());

            gbc.fill = GridBagConstraints.NONE;

            JButton back = new JButton();
            back.setOpaque(false);
            back.setBackground(null);
            back.setBorder(null);

            addObject(0,0,1,1,GridBagConstraints.FIRST_LINE_START,back);
            Image img = (new ImageIcon("Content/Graphics/UI/returnIcon.png")).getImage().getScaledInstance(back.getWidth(),back.getHeight(),Image.SCALE_SMOOTH);
            back.setIcon(new ImageIcon(img));

            JPanel menu = new JPanel(new BorderLayout());
            menu.setBackground(Color.RED);
            JLabel l = new JLabel("Demo");
            l.setFont(l.getFont().deriveFont(30)); //Font Size as big as Possible (adjust
            l.setHorizontalAlignment(SwingConstants.CENTER);
            l.setVerticalAlignment(SwingConstants.CENTER);
            menu.add(l,BorderLayout.CENTER);
            gbc.fill = GridBagConstraints.BOTH;
            addObject(2,2,1,4,GridBagConstraints.CENTER,menu);

            JButton info = new JButton("Info");
            addObject(3,3,1.25f,1.25f,GridBagConstraints.LAST_LINE_END,info);

            cp.add(levelPane, BorderLayout.CENTER);
        }
    }

    public void addObject(int gridX,int gridY, double weightX,double weightY,int anchor, JComponent comp){
        gbc.gridx =gridX;
        gbc.gridy = gridY;
        gbc.weightx = weightX;
        gbc.weighty = weightY;
        gbc.anchor = anchor;
        levelPane.add(comp,gbc);
    }


    }

Answer 1

I tried to print out the size of the button (after creating it and also after adding it). It always gives me 0 and therefore an ArgumentException (width (0) and height (0) must be non-zero).

是的，这有很多原因

• 容器未经验证
• 即使经过验证，只要 getTopLevelAncestor() 返回的结果不可显示，也不能保证其大小! (在本例中为您的 TestResize 对象)
• 将边框设置为 null 可以让按钮的大小变为 0,0，因为第一个可靠的大小调用是首选大小，并且当它不包含任何内容甚至没有插入(边框插入)时ui 会给它 0,0 因为它完全是空的!

所以这个概念从一开始就是错误的，即使你没有将边框设置为空，大小也将等于边框插入(并且对于所有 api 边框来说都是紧密的!!!即使对于普通的“hi”，字体大小为 5!!!)。

所以在这种情况下你最好的选择(但不是我提到的你的)就是打电话

back.getPreferredSize()

要使其工作(在您的情况下)，您必须自己设置图像的起始尺寸，然后将图标设置为按钮时，用户界面将为其提供额外的尺寸。

Also I want to dynamically size the font as big as the button

@AndrewThompson 在他写的答案中指出了一个很好的例子，@trashgod 也很好的例子，所有这些都非常壮观!为此+1。

<小时/>

编辑

After that ask the Buttons its size and then add the Icon with the same size?

你必须明白，当使用布局管理器时，每个事物的大小都是相对于它的父级的!举个例子图标按钮 --> 级别面板(它是内容 Pane ) --> 根 Pane JLayeredPane 对象 --> 根 Pane 本身 --> 最后是框架!每个东西都会根据父级大小调整大小，但如果父级大小为 0,0，则不要指望子组件的大小会超过这个值!请记住，GridBagLayout 是所有布局中最复杂的，并且它的行为方式可能很奇怪。

以及

的用法

component.getWidth();
//and
component.getHeight();

是为了获取“屏幕上”的实际大小，其返回甚至可能与 getSize() 或其他(最大、最小)无关。

因此，使图标与您必须制作的大小相同的最佳方法组件监听器

Icon with the same size

这是一个坏主意，因为如果 L & F 有一个默认的按钮插入，那么您将给它比它需要的更多的东西! 并使用 ComponentListener 您将使其具有调整大小的动画!!

这是你的类的重构版本，ComponentAdapter 是接口(interface) ComponentListener 的实现，它以空的方式实现每个方法，我使用它，所以我不必也实现所有其他方法。

import javax.swing.*;
import java.awt.*;
import java.awt.event.ComponentAdapter;
import java.awt.event.ComponentEvent;
import mdlaf.utils.MaterialImages;

public class TestResize extends JFrame {

    private Container cp;
    private JPanel levelPane;
    private GridBagConstraints gbc = new GridBagConstraints();

    public TestResize() {
        super();
        setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE);
        int frameWidth = 200;
        int frameHeight = 200;
        setSize(frameWidth, frameHeight);
        Dimension d = Toolkit.getDefaultToolkit().getScreenSize();
        int x = (d.width - getSize().width) / 2;
        int y = (d.height - getSize().height) / 2;
        setLocation(x, y);
        setTitle("temp");
        setResizable(false);
        cp = getContentPane();
        cp.setLayout(new BorderLayout());
        createLevelMenu();
        GridBagLayout gbl = (GridBagLayout) levelPane.getLayout();
        gbc = gbl.getConstraints(back);
        gbc.fill = GridBagConstraints.BOTH;
        levelPane.remove(back);
        levelPane.add(back, gbc);
        back.addComponentListener(new ComponentAdapter() {
            @Override
            public void componentResized(ComponentEvent e) {
                //here you can add an image relative to the new size !!
                if (back.getIcon() == null) {
                    fixIcon();
                } else if (back.getIcon().getIconHeight() != back.getHeight() - heightPadding || back.getIcon().getIconWidth() != back.getWidth() - widthPadding) {

                    fixIcon();
                }
            }

        });
        setVisible(true);
    } // end of public temp

    private int widthPadding;
    private int heightPadding;

    private void fixIcon() {
        Image img = (new ImageIcon(MaterialImages.BACK_ARROW)).getImage().getScaledInstance(back.getWidth() - widthPadding, back.getHeight() - heightPadding, Image.SCALE_SMOOTH);
        back.setIcon(new ImageIcon(img));
    }

    public static void main(String[] args) {
        new TestResize();
    } // end of main
    JButton back;

    public void createLevelMenu() {

        if (levelPane == null) {
            levelPane = new JPanel(new GridBagLayout());

            gbc.fill = GridBagConstraints.NONE;

            back = new JButton();
            back.setOpaque(false);
            back.setBackground(null);
            back.setBorder(null);
            addObject(0, 0, 1, 1, GridBagConstraints.FIRST_LINE_START, back);
            JPanel menu = new JPanel(new BorderLayout());
            menu.setBackground(Color.RED);
            JLabel l = new JLabel("Demo");
            l.setFont(l.getFont().deriveFont(30)); //Font Size as big as Possible (adjust
            l.setHorizontalAlignment(SwingConstants.CENTER);
            l.setVerticalAlignment(SwingConstants.CENTER);
            menu.add(l, BorderLayout.CENTER);
            gbc.fill = GridBagConstraints.BOTH;
            addObject(2, 2, 1, 4, GridBagConstraints.CENTER, menu);

            JButton info = new JButton("Info");
            addObject(3, 3, 1.25f, 1.25f, GridBagConstraints.LAST_LINE_END, info);

            cp.add(levelPane, BorderLayout.CENTER);
        }
    }

    public void addObject(int gridX, int gridY, double weightX, double weightY, int anchor, JComponent comp) {
        gbc.gridx = gridX;
        gbc.gridy = gridY;
        gbc.weightx = weightX;
        gbc.weighty = weightY;
        gbc.anchor = anchor;
        levelPane.add(comp, gbc);
    }

}

widthPadding 和 heightPadding 是按钮的 L 和 F 插入的总和，我无法帮助您，您必须自己完成，这是一个L&F依赖。但对于黑客，你可以将 componentResized 方法更改为此(我不鼓励这样做)

public void componentResized(ComponentEvent e) {
                //here you can add an image relative to the new size !!
                if (back.getIcon() == null) {
                    back.removeComponentListener(this);
                    fixIcon();
                }

I have already seen this example but I find it a little complicated, so I thought there is maybe a better (easier) solution.

遗憾的是我不这么认为，但是@AndrewThompson的答案似乎很容易学习，我会研究如果我想开始阅读GlyphVector它很整洁，很简单，并且编码愉快。