［Java］[Swing]マウス操作のドラッグ状態の有無により出力文字を色分けする方法

Question

前提

Javaを最近勉強し始めた初心者です。
独学で愛のJava256本ノックに取り組む中で、マウスイベント処理の問題：「MousePositionマウスカーソルの動きを追跡せよ！」にてマウスをドラックした時にだけ色を出し分ける方法が分からず困っています。

機能は非常に簡単で、マウスをウィンドウ上で動かした時に座標位置を取得して表示しているだけです。
この機能自体は元々サイトに掲載されているので問題ありません。

追加課題で「ドラッグした時には色を変えるようにする」というものがあるのですが、これの処理方法がわかりません。

実現したいこと

ドラッグしていない時は黒字で、ドラッグしている時は赤字で座標情報を表示すること。

困っていること

やり方として以下の２つしかないように思うのですが、Swingの挙動を理解できていないのでいずれもやり方が分からず途方にくれています。
似たような質問などがないか調べたのですが、うまく探すことができず困っております。

• paintComponentの中でドラッグ状態か否かで条件分岐して黒か赤か指定する
• mouseDraggedの中で色を赤に指定し直す

おそらく本当に初歩の初歩の質問だと思い恐縮ですが、どなたかご教示いただけますと幸いです。

該当のソースコード

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

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

public class MousePosition extends JFrame {

    public MousePosition() {
        add(new DrawPanel());
    }

    public static void main(String[] args) {
        Toolkit.getDefaultToolkit().setDynamicLayout(true);

        JFrame L00 = new MousePosition();
        L00.setTitle("マウスの座標を表示");
        L00.setDefaultCloseOperation(EXIT_ON_CLOSE);
        L00.setBackground(Color.white);
        L00.setSize(320, 240);
        L00.setVisible(true);
    }
}

class DrawPanel extends JPanel implements MouseMotionListener {
    int xCoordinate;
    int yCoordinate;

    public DrawPanel() {
        setBackground(Color.white);
        addMouseMotionListener(this);
    }

    public void paintComponent(Graphics g) {
        super.paintComponent(g);
        String output = String.format("(%d, %d)", xCoordinate, yCoordinate);		
        g.setColor(Color.black);
        g.drawString(output, xCoordinate, yCoordinate);
    }

    public void mouseMoved(MouseEvent e) {
    	xCoordinate = e.getX();
    	yCoordinate = e.getY();
        repaint();
    }

    public void mouseDragged(MouseEvent e) {
    	xCoordinate = e.getX();
    	yCoordinate = e.getY();
    	repaint();
    	
    	
    }
}

Answer 1

位置と同様に「ドラッグ状態か否か」を状態として持てばいい。

@@ -29,6 +29,8 @@
   int xCoordinate;
   int yCoordinate;
 
+  private boolean isMouseDragged;
+
   public DrawPanel() {
     setBackground(Color.white);
     addMouseMotionListener(this);
@@ -37,19 +39,21 @@
   public void paintComponent(Graphics g) {
     super.paintComponent(g);
     String output = String.format("(%d, %d)", xCoordinate, yCoordinate);
-    g.setColor(Color.black);
+    g.setColor(isMouseDragged ? Color.red : Color.black);
     g.drawString(output, xCoordinate, yCoordinate);
   }
 
   public void mouseMoved(MouseEvent e) {
     xCoordinate = e.getX();
     yCoordinate = e.getY();
+    isMouseDragged = false;
     repaint();
   }
 
   public void mouseDragged(MouseEvent e) {
     xCoordinate = e.getX();
     yCoordinate = e.getY();
+    isMouseDragged = true;
     repaint();

Comments

[uk98]

なるほど、このようにMouseEventの中でboolean型の変数に代入をして、それをキーにペイントコンポーネントを条件分岐させることで実現できるんですね。ありがとうございます、引き続き勉強がんばります！

[shiketa]

xCoordinateもyCoordinateもなくして、MouseEventをインスタンス変数で保持しておく、という手でもいいかも。イベントの種類は https://docs.oracle.com/javase/jp/8/docs/api/java/awt/event/MouseEvent.html#MOUSE_DRAGGED で判断できるので。