event
Draw and Drag rectangles
In this example we are going to create a simple application in which you can draw a simple shape (rectangle for example ) and drag it around our canvas. This is a very nice feature to use if your application has many graphical object that the user needs to move around the screen very frequently. It’s is very user friendly to let the user drag the object to perform these kinds of actions.
Basically all you have to do in order to handle mouse drags and mouse moves is:
- Create a class that implements
MouseListener
andMouseMotionListener
interfaces. - Override
mouseClicked
to handle mouse clicks,mouseEntered
,mouseExited
methods to check whether your mouse has entered or exited a certain area,mousePressed
to monitor the mouse button clicks,mouseReleased
to check when the user releases a mouse button. - Override
mouseDragged
method in order to handle mouse drags. Userepaint()
method to repaint the object in its new position.
Let’s take a look at the code snippets that follow:
package com.javacodegeeks.snippets.desktop; import java.awt.Container; import java.awt.Cursor; import java.awt.Graphics; import java.awt.Graphics2D; import java.awt.Point; import java.awt.Rectangle; import java.awt.event.MouseAdapter; import java.awt.event.MouseEvent; import java.awt.event.MouseMotionListener; import java.awt.event.WindowAdapter; import java.awt.event.WindowEvent; import javax.swing.JFrame; import javax.swing.JPanel; public class DrawSketch extends JPanel implements MouseMotionListener { private static final int recW = 14; private static final int MAX = 100; private Rectangle[] rect = new Rectangle[MAX]; private int numOfRecs = 0; private int currentSquareIndex = -1; public DrawSketch() { addMouseListener(new MouseAdapter() { @Override public void mousePressed(MouseEvent evt) { int x = evt.getX(); int y = evt.getY(); currentSquareIndex = getRec(x, y); if (currentSquareIndex < 0) // not inside a square { add(x, y); } } @Override public void mouseClicked(MouseEvent evt) { int x = evt.getX(); int y = evt.getY(); if (evt.getClickCount() >= 2) { remove(currentSquareIndex); } } }); addMouseMotionListener(this); } @Override public void paintComponent(Graphics g) { super.paintComponent(g); for (int i = 0; i < numOfRecs; i++) { ((Graphics2D) g).draw(rect[i]); } } public int getRec(int x, int y) { for (int i = 0; i < numOfRecs; i++) { if (rect[i].contains(x, y)) { return i; } } return -1; } public void add(int x, int y) { if (numOfRecs < MAX) { rect[numOfRecs] = new Rectangle(x, y, recW, recW); currentSquareIndex = numOfRecs; numOfRecs++; repaint(); } } @Override public void remove(int n) { if (n < 0 || n >= numOfRecs) { return; } numOfRecs--; rect[n] = rect[numOfRecs]; if (currentSquareIndex == n) { currentSquareIndex = -1; } repaint(); } @Override public void mouseMoved(MouseEvent event) { int x = event.getX(); int y = event.getY(); if (getRec(x, y) >= 0) { setCursor(Cursor.getPredefinedCursor(Cursor.CROSSHAIR_CURSOR)); } else { setCursor(Cursor.getDefaultCursor()); } } @Override public void mouseDragged(MouseEvent event) { int x = event.getX(); int y = event.getY(); if (currentSquareIndex >= 0) { Graphics graphics = getGraphics(); graphics.setXORMode(getBackground()); ((Graphics2D) graphics).draw(rect[currentSquareIndex]); rect[currentSquareIndex].x = x; rect[currentSquareIndex].y = y; ((Graphics2D) graphics).draw(rect[currentSquareIndex]); graphics.dispose(); } } public static void main(String[] args) { JFrame jFrame = new JFrame(); jFrame.setTitle(""); jFrame.setSize(300, 200); jFrame.addWindowListener(new WindowAdapter() { @Override public void windowClosing(WindowEvent e) { System.exit(0); } }); Container cPane = jFrame.getContentPane(); cPane.add(new DrawSketch()); jFrame.setVisible(true); } }
This was an example on how to draw and drag a simple shape in a Java Desktop Application.