Javaでマウスをドラッグすることで線を引けるようにしたい

Question

いつもお世話になっております。

今回はリンク内容を参考に、Javaで線を引けるよう、学習を進めています。

しかしながら、線ではなく、赤い点がマウスのドラックに沿って動くだけとなってしまいます。

試したこと
１）OverrideしたmouseDragged内のrepaintをコメントアウト

２）OverrideしたmousePressed内のrepaintをコメントアウト

わかったこと
mousePressedのrepaintをコメントアウトしても、変化がないが、mouseDraggedの方をコメントアウトすると、エラーが発生する
そのため、mousePressedの方のrepaintに問題があり、そのため赤い点がつながらず、線がかけないのではないか？という考察です

私自身としては、この方向で調査を進めていますが、他にもなにか気づいた点があれば、お教えください。

どうぞよろしくお願いいたします。

package TestForGUI;

import java.awt.Color;
import java.awt.Graphics;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.event.MouseMotionListener;

import javax.swing.JFrame;
import javax.swing.JPanel;

public class Main {
	
	public static void main(String[] args) {
		
		JFrame frame = new JFrame("SimplePainter");
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		frame.setSize(600, 400);
		frame.setLocationRelativeTo(null);
		
		Canvas canvas = new Canvas();
		frame.add(canvas);
		
		frame.setVisible(true);
		
	}

}

class Canvas extends JPanel implements MouseListener, MouseMotionListener{
	private int x = -100;
	private int y = -100;
	
	public Canvas() {
		addMouseListener(this);
		addMouseMotionListener(this);
		setSize(600, 400);
	}
	
	@Override
	public void paintComponent(Graphics g) {
		g.setColor(Color.RED);
		//g.drawOval(100, 100, 50, 50);
		g.fillOval(x-5, y-5, 10, 10);
	}

	@Override
	public void mouseDragged(MouseEvent e) {
		// TODO 自動生成されたメソッド・スタブ
		x = e.getX();
		y = e.getY();
		repaint();
	}

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

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

	@Override
	public void mousePressed(MouseEvent e) {
		// TODO 自動生成されたメソッド・スタブ
		x = e.getX();
		y = e.getY();
		repaint();
	}

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

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

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

Answer 1

エラー文がないのでエラー発生の原因には触れませんが、リンク先の補足と
やりたいことの方向性を示します。

リンク先の補足

リンク先ではドラッグしたルートに沿って描画されています。
これはマウスカーソルの位置がまんま描画位置だから可能なのです。

mousePressed()とmouseDragged()は内部は同じコードですよね？
マウスカーソルの位置をそのまま描画位置としているためです。

やりたいことの方向性

直線を書きたいということですが、おそらくサンプルをいじるだけでは無理でしょう。
直線は「マウスボタンを押下した位置」と「マウスボタンを離した位置」という情報が揃うことで
描画する準備が整ったという感じになります。

ドラッグ中に描画処理をしてしまうと動くたびに描画されてしまうので、ぐちゃぐちゃになります。
なので「マウスボタンを押下したとき」にその位置（A）を記憶し、「マウスボタンを離したとき」に
離した位置とAの位置で「直線」の描画を行うべきです。

ドラッグ中も仮描画の線を表示したいというのであれば、XORModeというものを調べてみてください。

Comments

[Swedon]

回答ありがとうございます。詳しいロジックの解説、ありがとうございます。
XORModeについても調べてみます。