java repaintで描画位置がずれてしまう

Question

前提・実現したいこと

javaのGUIでチェスを作成しています。

発生している問題

マウスクリック後にrepaintで再描画すると、チェスの盤面の位置がずれてしまいます。

該当のソースコード

import javax.swing.*;

import java.io.*;
import javax.imageio.*;
import java.awt.*;
import java.awt.event.*;


public class Board extends JPanel  {

	static final int s = 50; // マスのサイズ(固定)
	static final int WIDTH = 800; // 画面サイズ(幅)
	static final int HEIGHT = 850; // 画面サイズ(高さ)
	final int PAWN = 1; //プレイヤー１のポーン(1 or 2)
	Image img[] = new Image[12]; //　画像オブジェクト

	int mx; // マウスがクリックされた位置（x 座標）
    int my; // マウスがクリックされた位置（y 座標）
    int status = 0;
	// 盤面
    int ban[][] = new int[8][8];

	Board() {
		setPreferredSize(new Dimension(WIDTH,HEIGHT));
		addMouseListener(new MouseProc());
	}

	public void paintComponent(Graphics g) {
		try {
			img[0] = ImageIO.read(new File("ポーン.jpg"));
			img[1] = ImageIO.read(new File("ルーク.jpg"));
			img[2] = ImageIO.read(new File("ビショップ.jpg"));
			img[3] = ImageIO.read(new File("ナイト.jpg"));
			img[4] = ImageIO.read(new File("キング.jpg"));
			img[5] = ImageIO.read(new File("クイーン.jpg"));
			img[6] = ImageIO.read(new File("ポーン2.jpg"));
			img[7] = ImageIO.read(new File("ルーク2.jpg"));
			img[8] = ImageIO.read(new File("ビショップ2.jpg"));
			img[9] = ImageIO.read(new File("ナイト2.jpg"));
			img[10] = ImageIO.read(new File("キング2.jpg"));
			img[11] = ImageIO.read(new File("クイーン2.jpg"));

			g.drawRect(50, 100, 500, 550);
			g.setColor(Color.white);
			g.fillRect(100, 150, 400, 450);
			g.setColor(Color.black);
			g.drawRect(100, 150, 400, 450);
			for(int i=0; i<8; i++) {
				g.drawLine(100, 200+s*i, 500, 200+s*i);
				g.drawLine(150+s*i, 150, 150+s*i, 600);
			}
			// ポーンの配置
			for(int i=0; i<8; i++) {
				g.drawImage(img[6], 110+s*i, 205, 30, 40, null);
				g.drawImage(img[0], 110+s*i, 505, 30, 40, null);
			}
			// ルークの配置
			g.drawImage(img[7], 110, 155, 30, 40, null);
			g.drawImage(img[7], 110+s*7, 155, 30, 40, null);
			g.drawImage(img[1], 110, 555, 30, 40, null);
			g.drawImage(img[1], 110+s*7, 555, 30, 40, null);
			// ナイトの配置
			g.drawImage(img[9], 110+s, 155, 30, 40, null);
			g.drawImage(img[9], 110+s*6, 155, 30, 40, null);
			g.drawImage(img[3], 110+s, 555, 30, 40, null);
			g.drawImage(img[3], 110+s*6, 555, 30, 40, null);
			// ビショップの配置
			g.drawImage(img[8], 110+s*2, 155, 30, 40, null);
			g.drawImage(img[8], 110+s*5, 155, 30, 40, null);
			g.drawImage(img[2], 110+s*2, 555, 30, 40, null);
			g.drawImage(img[2], 110+s*5, 555, 30, 40, null);
			//　キングの配置
			g.drawImage(img[10], 110+s*4, 155, 30, 40, null);
			g.drawImage(img[4], 110+s*4, 555, 30, 40, null);
			//　クイーンの配置
			g.drawImage(img[11], 110+s*3, 155, 30, 40, null);
			g.drawImage(img[5], 110+s*3, 555, 30, 40, null);

			if(status == 1) {
				g.setColor(Color.PINK);
				g.drawRect(100, 150, 50, 50);
			}

		} catch (IOException e) {
			// TODO 自動生成された catch ブロック
			e.printStackTrace();
		}
	}
	// クリックされた時の処理用のクラス
	class MouseProc extends MouseAdapter{
		public void mouseClicked(MouseEvent e) {
			// 位置を取得
			mx = e.getX();
			my = e.getY();
			// 盤面の内部かどうか判定
			if(mx > 100 && mx < 500 && my >150 && my < 600) {
				status = 1;
			}
			// 再描画要求
			repaint();
		}

	}

	public static void main(String[] args) {
			JFrame f = new JFrame();
	        f.getContentPane().setLayout(new FlowLayout());
	        f.getContentPane().add(new Board());
	        f.pack();
	        f.setResizable(false);
	        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
	        f.setVisible(true);
	}

}

試したこと

Googleにて同様の問題がないか探してみたのですが見つかりませんでした。

補足情報（FW/ツールのバージョンなど）

EclipseのPhoton ver4.8.0を使用しています。

Answer 1

paintComponentメソッド頭でsuperを呼んでください。

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

// 以下省略

}

---

理屈
JPanel#paintComponent(Graphics g)はbackgroundカラーで塗りつぶすのが規定動作です。
それを飛ばすと前回の描画が残ることになります。
残ったとしても同じ位置に描くのだから問題ないはずですが、レイアウトの最中に？何度か呼ばれることがあるようです（このあたり詳細わかりません）
System.out.println("paintComponent");等を入れるとわかります。

手元では起動するだけで2回呼ばれました。
その際JPanel自体の位置が、微妙に違ってしまっているということだと思います。

起動時に2重になっていないので、ちょっと違うかな？^^;
setBounds(0,0,600,600);等と、0,0起点にするとずれないのでレイアウト関連ではあると思います。

Comments

[h.yano1120]

ありがとうございます、解決いたしました。