質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.90%

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

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 3,064

score 59

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

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

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

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

2)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 自動生成されたメソッド・スタブ

    }
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+1

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

 リンク先の補足

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

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

 やりたいことの方向性

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

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

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/10/22 19:35

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

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.90%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る