Помните, где щелкнула мышка? ArrayLists? HashCodes?

Question

Извините, ребята, я удалил пример с ЯБЛОКАМИ и КОШКАМИ :) Вот обновленная версия моего вопроса!

Я теряю здесь здравомыслие. Мне нужен кто-то, кто может просветить меня. Я пытался пару раз объяснить мою проблему здесь. Надеюсь, на этот раз мой вопрос будет легче понять.

В основном у меня есть этот кадр, и там отображается изображение. Справа - JList, а внизу - еще одна панель для JLabels. Вот скриншот моей рамки.

Когда я нажимаю на изображение, появляется окно JOptionPane, вот так. И я ввожу свои данные. Мой JList - это ArrayList, поэтому все, что я ввел, добавляется в JList и JPanel внизу.

Теперь, когда я наведу курсор на ту часть, где я щелкнул, вы заметили, что квадрат исчез). Он появляется только тогда, когда я нажимаю на изображение, и когда я наводю ярлык внизу. На данный момент мои ярлыки - LOLZ NOSE и INPUT HERE.

Что я хочу сделать, так это когда я наведите курсор на ярлык, например, ВВОД ЗДЕСЬ, на нем снова будет отображаться квадрат с той частью, где я щелкнул. Моя проблема сейчас, когда я нажимаю на НОС, который должен показывать квадрат на носовой части и имя НОС с черным bg, ЭТО НЕ ПОКАЗЫВАЕТ. Кроме того, отображается только квадрат последней метки, независимо от позиции других меток, на которую нажали.

Как мне получить метку, чтобы запомнить положение клика, который я делаю? Люди говорили, что я должен использовать ArrayLists или HashCodes, но я не знаю, как их реализовать. Спасибо всем, кто может помочь.

Редактировать: я уже сделал прямоугольник, кстати. Он отображается только для последней введенной метки. Вот некоторые запрошенные фрагменты кода!

Как я устанавливаю текст в JLabel и обновляю JList:

public void updateLabel(){

        StringBuilder text = new StringBuilder(); //creates empty builder, capacity 16

        for(Object s: tagModel.toArray()) //returns an array containing the elements of the tagModel
            text.append(" " + s);

        repaint();      
        hoverLabel.setText(text.toString()); //returns a String
        hoverLabel.addMouseMotionListener(this);
        hoverPanel.add(hoverLabel);

    }

Мой mouseListener при нажатии:

@Override
    public void mouseClicked(MouseEvent event) {
        // TODO Auto-generated method stub

        x = event.getX();
        y = event.getY();

        isRectPresent = true;
        repaint();

        input = JOptionPane.showInputDialog("Enter tag name:");

        if((input != null) && !input.isEmpty()){
            tagModel.addElement(input);
        }
    }

Мой mouseMotionListener при зависании:

@Override
    public void mouseMoved(MouseEvent e) {
        // TODO Auto-generated method stub

        xpos = e.getX(); //gets where the mouse moved
        ypos = e.getY(); 

        //checks if the mouse is inside the bounds of the rectangle
        if (xpos > x && xpos < x + 100 && ypos > y && ypos < y + 100)
            isRectPresent = false;

        if(e.getSource() == hoverLabel){
            isRectPresent = true;
            repaint();
        }

        repaint();
    }

Как я рисую:

    public void paintComponent(Graphics g){ 
            Graphics2D g2 = (Graphics2D) g;

            g2.drawImage(image, 0, 0, null);

            if(image != null && isRectPresent){                 
                            Stroke stroke = g2.getStroke();
                g2.setStroke(new BasicStroke(4));
                g2.setColor(Color.WHITE);
                g2.drawRect(x-50, y-50, 100, 100);
                g2.setStroke(stroke);
            }else{
                if(xpos > x && xpos < x + 100 && ypos > y && ypos < y + 100){
                    g.setColor(Color.BLACK);
                    g.fillRect(x-50, y-50, 100, 25);
                    g.setColor(Color.WHITE);
                    g.setFont(new Font("Tahoma", Font.BOLD, 12));
                    g.drawString(input, x-30, y-30);
                }
            }
        }

Если вы хотите, чтобы я добавил еще фрагменты, просто скажите мне! :)

Answer 1

Одна приятная особенность JList состоит в том, что вы можете создавать любые объекты в нем. Ты не ограничен строками. Когда объекты хранятся в JLists, Swing вызовет метод toString () объекта и отобразит его в списке.

Зная это, вы теперь можете написать свой собственный класс, в котором будут храниться имя вашей метки выбора и координаты поля. Метод toString () этого объекта будет возвращать имя метки, что позволит правильно отобразить JList.

Затем в обработчике события выбора для JList вы можете получить свой пользовательский объект, извлечь сохраненные в нем координаты блока и нарисовать их на экране. Нет необходимости возиться с другими контейнерами (хотя хорошо знать, как их использовать).

Хорошо, создайте такой класс, как этот ...

public class MyLabel {
    private int x;
    private int y;
    private String text;

    public MyLabel (String text, int x, int y) {
        this.text = text;
        // assign x and y too...
    }

    @Override
    public String toString() {
        return label;
    }

    public int getX() {
        return x;
    }

    // similar function to getY()
}

Приведенный выше класс переопределяет toString(), поэтому, когда вы помещаете его в JList, он будет использовать вызов toString(), чтобы определить, что отображать, и поскольку эта реализация toString возвращает имя метки, вы увидите, что в список.

И добавьте их в свой JList вместо Strings. Тогда в какой-то момент в вашем коде вы сделаете что-то вроде этого ...

// this is pseudocode, method names may not be correct...

MyLabel ml = (MyLabel)jList.getSelectedItem();
int x = ml.getX();
int y = ml.getY();
// draw the box...

Надеюсь, это поможет.

Answer 2

Вы должны создать HashMap, скажем что-то вроде:

Map linkSet = new HashMap ();

И всякий раз, когда вы нажимаете на чертеже и создаете метку, добавляете JLabel иукажите на изображении набор, используя метод put с JLabel в качестве ключа и Point в качестве значения.Затем в MouseMotionListener JLabel используйте вашу метку в качестве ключа и получите соответствующую точку из набора, используя метод get(...) карты.

edit:
Исправлено согласно комментарию alicedimarco.Еще раз спасибо!

edit 2
Я думаю, вы хотите снова использовать карту.Если у вас есть карта, вы можете получить из нее интересующую точку из строки JLabel или JList, а затем передать эту точку классу, который рисует изображение, и позволить ей использовать точку для рисования прямоугольника.Например, вы можете дать классу рисунка изображения поле Point с именем displayPoint и метод setDisplayPoint (Point p).Это может быть так просто:

public void setDisplayPoint(Point p) {
  this.displayPoint  = p;
  repaint();
}

и, предполагая, что объект интереса центрирован в этой точке, используйте displayPoint в методе paintComponent:

protected void paintComponent(Graphics g) {
  super.paintComponent(g);
  // draw image
  if (img != null) {
     g.drawImage(img, X_SHIFT, Y_SHIFT, null);
  }

  // if displayPoint not null, draw the surrounding rectangle
  if (displayPoint != null) {
     g.setColor(RECT_COLOR);
     int x = displayPoint.x - RECT_WIDTH / 2;
     int y = displayPoint.y - RECT_WIDTH / 2;
     int width = RECT_WIDTH;
     int height = RECT_WIDTH;
     g.drawRect(x, y, width, height);
  }
}

edit 3:
Чтобы получить щелчки мыши, достаточно просто добавить MouseListener к компоненту, который содержит изображение:

     // !! added
     imgRect.addMouseListener(new MouseAdapter() {
        public void mousePressed(MouseEvent e) {
           imgMousePressed(e);
        }
     }); 

И в вашем коде, которыйвызывается из этого прослушивателя мыши, используйте JOptionPane для получения выбора пользователем имени тега и добавьте результирующую строку в оба метода listDataModel, чтобы он был виден в JList, а также в stringPointMap вместе с точкой, полученной из MouseEvent, такчто вы можете сопоставить строку с точкой и получить ее:

// !! added
private void imgMousePressed(MouseEvent e) {
  String result = JOptionPane.showInputDialog(this,
        "Please enter name for this point on image:");
  if (result != null) {
     stringPointMap.put(result, e.getPoint());
     listDataModel.addElement(result);
  }
}

Вот и все.

Затем соедините все вместе:

import java.awt.*;
import java.awt.event.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.net.MalformedURLException;
import java.net.URL;
import java.util.HashMap;
import java.util.Map;
import javax.imageio.ImageIO;
import javax.swing.*;

@SuppressWarnings("serial")
public class ImageRectMain extends JPanel {
   private ImageRect imgRect;
   private DefaultListModel listDataModel = new DefaultListModel();
   private JList list = new JList(listDataModel);
   private Map<String, Point> stringPointMap = new HashMap<String, Point>();

   public ImageRectMain() {
      String nose = "Nose";
      String ear = "Ear";
      String rightEye = "Right Eye";
      String leftEye = "Left Eye";
      listDataModel.addElement(ear);
      listDataModel.addElement(nose);
      listDataModel.addElement(rightEye);
      listDataModel.addElement(leftEye);
      stringPointMap.put(nose, new Point(480, 500));
      stringPointMap.put(ear, new Point(270, 230));
      stringPointMap.put(rightEye, new Point(380, 390));
      stringPointMap.put(leftEye, new Point(662, 440));

      MouseAdapter listMouseAdapter = new MouseAdapter() {
         @Override
         public void mouseMoved(MouseEvent e) {
            listMouseMoved(e);
         }

         @Override
         public void mouseExited(MouseEvent e) {
            listMouseExited(e);
         }

      };
      list.addMouseMotionListener(listMouseAdapter);
      list.addMouseListener(listMouseAdapter);

      try {
         imgRect = new ImageRect();

         // !! added
         imgRect.addMouseListener(new MouseAdapter() {
            public void mousePressed(MouseEvent e) {
               imgMousePressed(e);
            }
         }); 

         JPanel eastPanel = new JPanel();
         eastPanel.setLayout(new BoxLayout(eastPanel, BoxLayout.PAGE_AXIS));
         eastPanel.add(new JLabel("You have tagged the following:"));
         eastPanel.add(new JScrollPane(list));
         eastPanel.add(Box.createVerticalGlue());
         eastPanel.add(Box.createVerticalGlue());
         eastPanel.add(Box.createVerticalGlue());
         eastPanel.add(Box.createVerticalGlue());
         setLayout(new BorderLayout());
         add(imgRect, BorderLayout.CENTER);
         add(eastPanel, BorderLayout.EAST);
      } catch (MalformedURLException e) {
         e.printStackTrace();
      } catch (IOException e) {
         e.printStackTrace();
      }
   }

   // !! added
   private void imgMousePressed(MouseEvent e) {
      String result = JOptionPane.showInputDialog(this,
            "Please enter name for this point on image:");
      if (result != null) {
         stringPointMap.put(result, e.getPoint());
         listDataModel.addElement(result);
      }
   }

   private void listMouseExited(MouseEvent e) {
      imgRect.setDisplayPoint(null);
   }

   private void listMouseMoved(MouseEvent e) {
      int index = list.locationToIndex(e.getPoint());
      Object value = listDataModel.get(index);
      if (value != null) {
         Point point = stringPointMap.get(value.toString());
         if (point != null) {
            imgRect.setDisplayPoint(point);
         }
      }
   }

   private static void createAndShowGui() {
      JFrame frame = new JFrame("ImageRectMain");
      frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
      frame.getContentPane().add(new ImageRectMain());
      frame.pack();
      frame.setLocationRelativeTo(null);
      frame.setVisible(true);
   }

   public static void main(String[] args) {
      SwingUtilities.invokeLater(new Runnable() {
         public void run() {
            createAndShowGui();
         }
      });
   }
}

@SuppressWarnings("serial")
class ImageRect extends JPanel {
   public static final String IMAGE_PATH = "http://i.stack.imgur.com/7oNzg.jpg";
   private static final int DEFAULT_W = 687;
   private static final int DEFAULT_H = 636;
   private static final int X_SHIFT = -6;
   private static final int Y_SHIFT = -26;
   private static final Color RECT_COLOR = Color.pink;
   private static final int RECT_WIDTH = 40;
   private BufferedImage img;
   private Point displayPoint = null;

   public ImageRect() throws MalformedURLException, IOException {
      img = ImageIO.read(new URL(IMAGE_PATH));
   }

   public void setDisplayPoint(Point p) {
      this.displayPoint = p;
      repaint();
   }

   @Override
   protected void paintComponent(Graphics g) {
      super.paintComponent(g);
      if (img != null) {
         g.drawImage(img, X_SHIFT, Y_SHIFT, null);
      }
      if (displayPoint != null) {
         g.setColor(RECT_COLOR);
         int x = displayPoint.x - RECT_WIDTH / 2;
         int y = displayPoint.y - RECT_WIDTH / 2;
         int width = RECT_WIDTH;
         int height = RECT_WIDTH;
         g.drawRect(x, y, width, height);
      }
   }

   @Override
   public Dimension getPreferredSize() {
      return new Dimension(DEFAULT_W, DEFAULT_H);
   }
}