JButtonで画像を表示させたい

Question

##前提・実現したいこと

お世話になります。

GUIで簡単なゲームを作ってみたいなと思い、こちらのサイトを参考にジャンケンゲームを作りました。
https://original-game.com/java-janken-game-program/

作るまではできたのですが、ここにオジリナル要素を足していきたいと思い
試しに「グー」と文字が書かれたボタンを画像に変えたいと思いました。

しかし、用意した画像が表示されずにボタンが無地のものになってしまいます。
画像自体をボタンにするのではなく、ボタンの上で画像を表示する形で考えています。

##該当のソースコード

変更前

JButton btnChoki = new JButton("グー");
btnChoki = setButton(btnGu);
footerPanel.add(btnGu, BorderLayout.WEST);

変更後

ImageIcon icon = new ImageIcon("img/janken_gu.png");
JButton btnGu = new JButton(icon);
btnGu = setButton(btnGu);
footerPanel.add(btnGu, BorderLayout.WEST);

##試したこと
画像のパスが間違っているのかと思いましたが、Playerクラスと同じ階層にあるimgフォルダの中にjanken_gu.pngが入っているため正しいと考えています。

また、画像が大きいせいかと思い少し小さめに40pxに縮小したものを使用しましたが相変わらず表示されませんでした。
よろしくお願いいたします。

##実行環境
OS:Windows10
JDK:14
Eclipse:Eclipse IDE for Java Developers - 2020-09

Comments

[hoshi-takanori]

画像のパスは、src フォルダがあるところからの相対パスで指定するといいようです。
https://teratail.com/questions/26317

Answer 1

と思いましたが、Playerクラスと同じ階層にあるimgフォルダの中にjanken_gu.pngが入っているため正しいと考えています。

Playerクラスとは、Player.javaファイルなのか、Player.classファイルなのか、どちらなんでしょうか。
Player.classファイルと同じ場所に置いて、Class#getResource()で参照するのがよろしいかと。

$ tree .
├── img
│   └── gu.png
├── xxGuButton.class
└── xxGuButton.java

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

public class xxGuButton
    extends JFrame {
  public static void main(String[] args) throws Exception {
    new xxGuButton().setVisible(true);
  }

  xxGuButton() throws Exception {
    final JPanel panel = new JPanel();
    panel.setLayout(new FlowLayout());

    //    ImageIcon icon = new ImageIcon("img/gu.png");
    ImageIcon icon = new ImageIcon(this.getClass().getResource("/img/gu.png"));
    System.out.println(icon.getImage());
    final JButton buttonA = new JButton(icon);
    panel.add(buttonA);

    add(panel, BorderLayout.CENTER);
    setSize(150, 200);
  }
}