paintComponent で書いている図形をクリックした時だけ mouseClicked() を反応させたい

Question

実現したいこと

CirclePanelというJPanelを継承したクラスがあり、その中で作っている図形をクリックした時だけmouseClicked（）を反応させたいのですが、どこをクリックしてもmouseClicked（）が反応します。どうすれば「特定のpaintComponent(Graphics g)」だけを指定してmouseClicked（）メソッドが反応するようになるのかどなたか教えてください。よろしくお願いします。

発生している問題・エラーメッセージ

なし

該当のソースコード

import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.geom.Ellipse2D;

import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JSlider;
import javax.swing.event.ChangeEvent;
import javax.swing.event.ChangeListener;


public class TestFrame extends JFrame implements ChangeListener,MouseListener {
  public static void main(String[] args) {
    new TestFrame().setVisible(true);
  }

  private JSlider slider;
  private JLabel label;
  private CirclePanel circlePanel; //stateChanged メソッドで使うのでフィールド化

  TestFrame() {
    super("Swingサンプル（円の描画）");
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    setSize(800, 800);

    circlePanel = new CirclePanel();
    circlePanel.addMouseListener(this);
    setContentPane(circlePanel);

    label = new JLabel("test");
    label.setBounds(300, 10, 100, 100);
    add(label);

    JLabel label2 = new JLabel("テスト");
    label2.setBounds(300, 500, 100, 100);
    add(label2);

    slider = new JSlider(50, 150, 100); //最小値, 最大値, 初期値
    slider.addChangeListener(this);
    JPanel p = new JPanel();
    p.add(slider);
    p.setBounds(300, 300, 200, 50); //見易いようにちょっと大きく
    add(p);
  }

  public void stateChanged(ChangeEvent e) {
    label.setText("値：" + slider.getValue());
    int value = slider.getValue();
    circlePanel.setDiameter(value); //直径をスライダーの値に変更
  }
  
  
  private static class CirclePanel extends JPanel {
    private final int X = 350, Y = 250; //円の中心
    private int diameterOfCircle = 100; //円の直径

    CirclePanel() {
      super(null); //レイアウトマネージャ無し
      setBackground(Color.WHITE); //背景色
    }

    /**
     * 円の直径を設定する
     * @param diameter 直径 [px]
     */
    void setDiameter(int diameter) {
      this.diameterOfCircle = diameter;
      repaint(); //再描画依頼(後に Swing が paintComponent を呼んでくれる)
    }

    @Override
    protected void paintComponent(Graphics g) {
      super.paintComponent(g);

      Graphics2D g2 = (Graphics2D) g;
      g2.setColor(Color.BLUE);
      Ellipse2D ellipse = new Ellipse2D.Double(X-diameterOfCircle/2, Y-diameterOfCircle/2, diameterOfCircle, diameterOfCircle);
      g2.fill(ellipse);
    }
  }


@Override
public void mouseClicked(MouseEvent e) {
	// TODO 自動生成されたメソッド・スタブ
	System.out.println("合計=");
	
}

@Override
public void mousePressed(MouseEvent e) {
	// TODO 自動生成されたメソッド・スタブ
	
}

@Override
public void mouseReleased(MouseEvent e) {
	// TODO 自動生成されたメソッド・スタブ
	
}

@Override
public void mouseEntered(MouseEvent e) {
	// TODO 自動生成されたメソッド・スタブ
	
}

@Override
public void mouseExited(MouseEvent e) {
	// TODO 自動生成されたメソッド・スタブ
	
}
}

Comments

[jimbe]

>paintComponent(Graphics g)を個別的にクリック

書き方の問題だけかもしれませんが念のため。
paintComponent は常にコンポーネントの表示域全体を書いていますので、『個別』というものはありません。
「paintComponent で書いている図形をクリックした時だけ mouseClicked() を反応させたい」という方がより合っていると思います。

[ikigamikita]

コメントありがとうございます。質問を修正したのでご確認よろしくお願いいたします。

[jimbe]

編集有難う御座います。

Answer 1

MouseListener はコンポーネントに登録するものなので、その一部で反応させたいなら自分でクリックした座標から図形内かを調べてクリック時の動作をするかしないか判断する必要があります。

最終的に図形クリック時にどのような動作をさせるのかによって作りを考える必要がありますが、取り合えず単に何か表示して確認する感じなら、円のクリック時の処理も CirclePanel に任せる形が簡単です。

以下は MouseListener のアダプタ版である MouseAdapter を継承したクラスを CirclePanel 内で定義し、 paintComponent で作成した円とクリックされた座標を比較して標準出力に座標と図形内/外を表示しています。

import java.awt.*;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.geom.Ellipse2D;

import javax.swing.*;
import javax.swing.event.ChangeEvent;
import javax.swing.event.ChangeListener;

public class TestFrame extends JFrame implements ChangeListener {
  public static void main(String[] args) {
    new TestFrame().setVisible(true);
  }

  private JSlider slider;
  private JLabel label;
  private CirclePanel circlePanel; //stateChanged メソッドで使うのでフィールド化

  TestFrame() {
    super("Swingサンプル（円の描画）");
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    setSize(800, 800);

    circlePanel = new CirclePanel();

    setContentPane(circlePanel);

    label = new JLabel("test");
    label.setBounds(300, 10, 100, 100);
    add(label);

    JLabel label2 = new JLabel("テスト");
    label2.setBounds(300, 500, 100, 100);
    add(label2);

    slider = new JSlider(50, 150, 100); //最小値, 最大値, 初期値
    slider.addChangeListener(this);
    JPanel p = new JPanel();
    p.add(slider);
    p.setBounds(300, 300, 200, 50); //見易いようにちょっと大きく
    add(p);
  }

  public void stateChanged(ChangeEvent e) {
    label.setText("値：" + slider.getValue());
    int value = slider.getValue();
    circlePanel.setDiameter(value); //直径をスライダーの値に変更
  }

  private static class CirclePanel extends JPanel {
    private final int X = 350, Y = 250; //円の中心
    private int diameterOfCircle = 100; //円の直径
    private Ellipse2D ellipse; //EllipseClickListener で使用する為にフィールド化

    //円の範囲に反応するクラス
    private class EllipseClickListener extends MouseAdapter {
      @Override
      public void mouseClicked(MouseEvent e) {
        if(ellipse.contains(e.getPoint())) { //クリック位置が円に含まれるなら
          System.out.println(e.getPoint() + "=図形内");
        } else {
          System.out.println(e.getPoint() + "=図形外");
        }
      }
    }

    CirclePanel() {
      super(null); //レイアウトマネージャ無し
      setBackground(Color.WHITE); //背景色
      addMouseListener(new EllipseClickListener());
    }

    /**
     * 円の直径を設定する
     * @param diameter 直径 [px]
     */
    void setDiameter(int diameter) {
      this.diameterOfCircle = diameter;
      repaint(); //再描画依頼(後に Swing が paintComponent を呼んでくれる)
    }

    @Override
    protected void paintComponent(Graphics g) {
      super.paintComponent(g);

      Graphics2D g2 = (Graphics2D) g;
      g2.setColor(Color.BLUE);
      ellipse = new Ellipse2D.Double(X - diameterOfCircle / 2, Y - diameterOfCircle / 2, diameterOfCircle, diameterOfCircle);
      g2.fill(ellipse);
    }
  }
}

---

円のクリックで CirclePanel の外で何かしたい場合、例えばクリックが円の中なのか外なのかを label2 に表示するような場合は、 MouseListener のように「何かが起きたら特定のメソッドを呼んでくれる」構造を CirclePanel に作る感じにすると、 Swing の標準的なコンポーネントと似て(慣れている向きには)分かり易いです。
ちょっとコードが増えてきたので主に追加変更点のみの説明になりますが、 CirclePanel 内に interface を定義して、その型のフィールドと設定メソッドも作ります。(以下の 2～13 行目)

  private static class CirclePanel extends JPanel {
    interface CircleClickListener {
      void onClick(TestFrame.CirclePanel circlePanel, boolean contains);
    }
    private CircleClickListener circleClickListener = null;

    /**
     * CircleClickListener を登録する
     * @param listener
     */
    void setCircleClickListener(CircleClickListener listener) {
      this.circleClickListener = listener;
    }

回答で追加した EllipseClickListener クラスの mouseClicked メソッドの最後に、 circleClickListener が設定されていたら onClick メソッドを呼ぶ処理を追加します。(以下の 10 行目)

    //円の範囲に反応するクラス
    private class EllipseClickListener extends MouseAdapter {
      @Override
      public void mouseClicked(MouseEvent e) {
        if(ellipse.contains(e.getPoint())) { //クリック位置が円に含まれるなら
          System.out.println(e.getPoint() + "=図形内");
        } else {
          System.out.println(e.getPoint() + "=図形外");
        }
        if(circleClickListener != null) circleClickListener.onClick(CirclePanel.this, ellipse.contains(e.getPoint())); //リスナを実行
      }
    }

これで CirclePanel 側は準備完了です。
後は TestFrame のコンストラクタで label2 を定義している後辺りで (以下の 5～15 行目)

    JLabel label2 = new JLabel("テスト");
    label2.setBounds(300, 500, 100, 100);
    add(label2);

    //円がクリックされたら実行するものを設定
    circlePanel.setCircleClickListener(new CirclePanel.CircleClickListener() { //無名クラスとして定義・設定
      @Override
      public void onClick(CirclePanel circlePanel, boolean contains) {
        if(contains) {
          label2.setText("内");
        } else {
          label2.setText("外");
        }
      }
    });

とすると、 CirclePanel をクリックする度に label2 にも内/外と表示されるようになります。

最後の「無名クラス」というのが慣れていないかもしれません。これを利用するとクラスを別途定義したり変数をフィールド化したりしなくても済む等で良く使われます。
Google検索: java swing 無名クラス
Javaコード入門 TOP > 継承、インターフェイス > 無名クラスを定義する

slider に設定している ChangeListener も無名クラスを利用すると label 等をフィールドにする必要が無くなったりします。

Comments

[ikigamikita]

回答ありがとうございます。
試したところ問題が解決しました！
ベストアンサーに選ばせていただきました。