Putting an Image in my CoordinateArea

Question

Hey,
I would like to be able to place an image within my CoordinateArea, and I also want this image to be able to respond to being clicked on when the mouse is clicked between certain co-ordinates. Here is my code so far...
import javax.swing.*;
import java.awt.*;
import java.awt.event.MouseEvent;
import javax.swing.event.MouseInputListener;
public class tourWelby extends JFrame {
JLabel label = new JLabel();
JPanel panel = new JPanel();
Point clickPoint = new Point();
Point cursorPoint = new Point();
private static void createAndShowGUI() {
JFrame.setDefaultLookAndFeelDecorated(true);
          JFrame frame = new JFrame("TourWelby");
          frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
          tourWelby controller = new tourWelby();
          controller.buildUI(frame.getContentPane());
          //Create and set up the content pane.
          frame.getContentPane().setBackground(Color.BLACK);
          // Create the menu bar
          JMenuBar menu = new JMenuBar();
          menu.setBackground(Color.BLACK);
          //Build the menus.
          JMenu file = new JMenu("File");
          file.setBackground(Color.BLACK);
          file.setForeground(Color.WHITE);
          JMenu test = new JMenu("Test");
          test.setBackground(Color.BLACK);
          test.setForeground(Color.WHITE);
          // Install the menu bar in the frame
          frame.setJMenuBar(menu);
          menu.add(file);
          menu.add(test);
          //Display the window.
          frame.pack();
          frame.setVisible(true);
          frame.setResizable(false);
          frame.setSize(800,700);
     private void buildUI(Container container) {
container.setLayout(new BoxLayout(container,
BoxLayout.PAGE_AXIS));
CoordinateArea theArea = new CoordinateArea(this);
container.add(theArea);
label = new JLabel();
          label.setBackground(Color.BLACK);
          label.setForeground(Color.WHITE);
resetLabel();
container.add(label);
public void updateCursorLocation(int x, int y) {
if (x < 0 || y < 0) {
cursorPoint = null;
updateLabel();
return;
if (cursorPoint == null) {
cursorPoint = new Point();
cursorPoint.x = x;
cursorPoint.y = y;
updateLabel();
public void updateClickPoint(Point p) {
clickPoint = p;
updateLabel();
public void resetLabel() {
cursorPoint = null;
updateLabel();
protected void updateLabel() {
String text = "The cursor is at ";
               if (cursorPoint != null) {
text += "("
+ cursorPoint.x + ", " + cursorPoint.y + ") ";
label.setText(text);
     public static void main(String[] args) {
//Schedule a job for the event-dispatching thread:
//creating and showing this application's GUI.
javax.swing.SwingUtilities.invokeLater(new Runnable() {
public void run() {
createAndShowGUI();
public static class CoordinateArea extends JComponent implements MouseInputListener {
Point point = null;
tourWelby controller;
Dimension preferredSize = new Dimension(800,700);
public CoordinateArea(tourWelby controller) {
this.controller = controller;
               setBorder(BorderFactory.createMatteBorder(3,3,3,3, Color.RED));
addMouseListener(this);
addMouseMotionListener(this);
public Dimension getPreferredSize() {
return preferredSize;
//Methods required by the MouseInputListener interface.
public void mouseClicked(MouseEvent e) {
int x = e.getX();
int y = e.getY();
if (point == null) {
point = new Point(x, y);
} else {
point.x = x;
point.y = y;
controller.updateClickPoint(point);
repaint();
public void mouseMoved(MouseEvent e) {
controller.updateCursorLocation(e.getX(), e.getY());
public void mouseExited(MouseEvent e) {
controller.resetLabel();
public void mouseReleased(MouseEvent e) { }
public void mouseEntered(MouseEvent e) { }
public void mousePressed(MouseEvent e) { }
public void mouseDragged(MouseEvent e) { }
How do I go about putting an image in the CoordinateArea and making it clickable? Do I need to use an ImageIcon?
Thanks in advance.

Answer 1

Hi again everyone. I've gone and rethought my code and started again from scratch. Here is what I have come up with..
import javax.swing.*;
import java.awt.*;
import java.awt.event.MouseListener;
import java.awt.event.MouseEvent;
import java.awt.event.*;
public class tourWelby extends JFrame  implements MouseListener {
public void mouseReleased(MouseEvent e) { }
public void mouseEntered(MouseEvent e) { }
public void mousePressed(MouseEvent e) { }
public void mouseDragged(MouseEvent e) { }
public void mouseExited(MouseEvent e) { }
public void mouseClicked(MouseEvent e) { }
public static void main (String args[]) {
     new tourWelby();
     public tourWelby() {
     super("Test");
    Container content = getContentPane();
     Point clickPoint = new Point();
     Point cursorPoint = new Point();
     JLabel label = new JLabel();
     label.setText("Test");
     label.setBackground(Color.WHITE);
     label.setForeground(Color.WHITE);
     JPanel theArea = new JPanel();
     theArea.setPreferredSize(new Dimension(800, 600));
     theArea.setBackground(Color.BLACK);
     theArea.add(label);
     theArea.addMouseListener(this);
     addMouseListener(this);
     content.add(theArea);
         pack();
         setVisible(true);
     setResizable(false);
}Basiclly now, I think I need to add the mouseListener to the JPanel. However I'm not sure where I need to put the "public void updateCursorLocation" code and such that I had before (before, I used some samples of code from another program, and I wasn't entirely sure how it worked). If someone could help me (again!) with getting the MouseListener to change the label on the JPanel, to reflect where the cursor is (as in my previous code) I would again, be most appreciative. Thanks.