Java Swing计算器开发中JButton控件消失问题求助

嘿，刚接触编程1-2小时就动手做计算器，这劲头太赞了！咱们来一步步搞定按钮消失的问题：

问题根源 #

你的代码里有几个关键问题导致按钮看不见：

• 用了绝对布局却没设置组件的位置和大小：当你调用setLayout(null)时，Swing不会自动帮你排列组件，每个按钮默认的大小是0x0，哪怕你设了setVisible(true)也看不到。
• 重复添加了b1，却漏掉了b0：代码里p.add(b1);写了两次，但创建好的b0根本没加到面板上，所以0按钮本来就不会显示。
• 绝对布局不是最佳选择：手动调位置大小不仅麻烦，窗口resize时组件还会乱掉，像计算器这种网格状的界面，用GridLayout会省心很多。

修复后的代码 #

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

public class Main {
    static void gui() {
        JFrame f = new JFrame("Calculator");
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.setTitle("YEET");
        
        // 用GridLayout来排列按钮，4行3列，组件之间留5px间距
        JPanel p = new JPanel(new GridLayout(4, 3, 5, 5));
        // 给面板加个内边距，按钮不会贴窗口边缘
        p.setBorder(BorderFactory.createEmptyBorder(10, 10, 10, 10));
        
        JButton b0 = new JButton("0");
        JButton b1 = new JButton("1");
        JButton b2 = new JButton("2");
        JButton b3 = new JButton("3");
        JButton b4 = new JButton("4");
        JButton b5 = new JButton("5");
        JButton b6 = new JButton("6");
        JButton b7 = new JButton("7");
        JButton b8 = new JButton("8");
        JButton b9 = new JButton("9");
        
        // 设置按钮背景色，用变量简化重复代码
        Color btnColor = new Color(156,207,245);
        b0.setBackground(btnColor);
        b1.setBackground(btnColor);
        b2.setBackground(btnColor);
        b3.setBackground(btnColor);
        b4.setBackground(btnColor);
        b5.setBackground(btnColor);
        b6.setBackground(btnColor);
        b7.setBackground(btnColor);
        b8.setBackground(btnColor);
        b9.setBackground(btnColor);
        
        // 按计算器的常规布局添加按钮，不再重复添加b1，也补上b0
        p.add(b7);
        p.add(b8);
        p.add(b9);
        p.add(b4);
        p.add(b5);
        p.add(b6);
        p.add(b1);
        p.add(b2);
        p.add(b3);
        p.add(b0);
        // 空占位，后续可以加加减乘除等功能键
        p.add(new JLabel());
        p.add(new JLabel());
        
        f.add(p);
        // 让窗口自动适配组件大小，替代手动设置的超大尺寸
        f.pack();
        // 窗口居中显示，更友好
        f.setLocationRelativeTo(null);
        f.setVisible(true);
    }
    public static void main(String[] args) {
        gui();
    }
}

关键修改点说明 #

1. 替换成GridLayout：new GridLayout(4, 3, 5, 5)表示4行3列的网格，组件之间自动留间距，按钮会自动填充网格位置，不用手动调坐标。
2. 修正按钮添加逻辑：补上了之前漏掉的b0，删掉了重复添加的b1，现在所有数字按钮都能被正确加载。
3. 用pack()替代setSize()：pack()会让窗口自动调整到刚好容纳所有组件的大小，比手动设置超大尺寸更合理。
4. 优化代码简洁度：把按钮背景色存到变量里，避免重复写相同的颜色代码。
5. 优化界面美观度：给面板加了内边距，按钮不会紧贴窗口边缘，看起来更舒服。

这样修改后，你就能看到所有数字按钮正常显示啦！继续加油，初学者能写出这样的代码已经很厉害了~

内容的提问来源于stack exchange，提问作者President Larry