如何在使用SpringLayout的JPanel中实现点击按钮显示图片？

问题分析 #

1. Rock按钮未绑定ActionListener：setupListeners方法为空，点击按钮无任何响应逻辑。
2. 无效的图片初始化路径：构造函数中new ImageIcon(getClass().getResource(""))传入空路径，会导致资源加载失败，埋下崩溃隐患。
3. Rock按钮未添加到面板：setupPanel中创建了rock按钮，但未调用add(rock)，用户无法看到并点击按钮。
4. 图片加载逻辑不合理：showRock方法中path + extension会生成/rps/view/images/.png这种无效路径，且依赖捕获NullPointerException处理正常流程，不符合编码规范。

修正方案 #

1. 修正构造函数逻辑

先创建面板组件，再绑定监听器，避免空指针异常，同时初始化默认图片：

public MainPanel(controller controller) {
    super();
    this.controller = controller;
    this.layout = new SpringLayout();
    this.menuPanel = new JPanel(new GridLayout(0, 1));
    this.scissorsImage = new ImageIcon();
    this.scissorsImageLabel = new JLabel("");
    this.paperImage = new ImageIcon();
    this.paperImageLabel = new JLabel("");

    // 初始化标签，暂不设置图标
    rockImageLabel = new JLabel();
    add(rockImageLabel);
    
    setupPanel();
    setupListeners();
    setupLayout();
    showRock(); // 初始加载默认岩石图片
}

2. 完善面板组件添加

在setupPanel中添加Rock按钮到面板：

public void setupPanel() {
    this.setLayout(layout);
    this.add(menuPanel);
    this.rock = new JButton("Rock");
    layout.putConstraint(SpringLayout.NORTH, rock, 1, SpringLayout.SOUTH, paperImageLabel);
    layout.putConstraint(SpringLayout.SOUTH, rock, -175, SpringLayout.SOUTH, this);
    this.paper = new JButton("Paper");
    this.scissors = new JButton("Scissors");
    this.add(paperImageLabel);
    this.add(scissorsImageLabel);
    this.add(rockImageLabel);
    this.add(rock); // 将Rock按钮添加到面板
    this.setBackground(new java.awt.Color(255, 248, 186));
}

3. 绑定ActionListener

修改setupListeners方法，给Rock按钮添加点击事件：

public void setupListeners() {
    // 使用Lambda表达式简化监听器绑定
    rock.addActionListener(e -> showRock());
    
    // 若不支持Lambda，可使用匿名内部类：
    /*
    rock.addActionListener(new ActionListener() {
        @Override
        public void actionPerformed(ActionEvent e) {
            showRock();
        }
    });
    */
}

4. 优化图片加载逻辑

用预判资源是否存在替代捕获异常，避免不必要的崩溃：

public void showRock() {
    String path = "/rps/view/images/";
    String defaultName = "Rock";
    String extension = ".png";
    String imagePath = path + defaultName + extension;
    
    URL imageUrl = getClass().getResource(imagePath);
    if (imageUrl != null) {
        rockImage = new ImageIcon(imageUrl);
        rockImageLabel.setIcon(rockImage);
        rockImageLabel.setText(""); // 清空可能的错误提示
    } else {
        rockImageLabel.setText("岩石图片加载失败");
        rockImageLabel.setIcon(null);
    }
}

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