还记得鼠标点击的位置吗？数组列表？哈希码？

Question

抱歉，大家，我删除了我的苹果和猫示例:)这是我的问题的更新版本！

我在这里失去了理智。我需要一个能够启发我的人。我已经尝试过几次在这里解释我的问题。希望这一次我的问题会更容易理解。

基本上我有这个框架，并且显示了一个图像。右侧有一个 JList，底部还有另一个 JLabels 面板。这是我的框架的屏幕截图。

当我单击图像时，会弹出一个 JOptionPane，如下所示。然后我输入我的意见。我的 JList 是一个 ArrayList，所以我输入的所有内容都会添加到 JList 和底部的 JPanel 中。

现在，当我将鼠标悬停在我单击的部分上时，您会注意到正方形消失了）。仅当我单击图像以及将标签悬停在底部时，它才会出现。到目前为止，我的标签是 LOLZ NOSE 和 INPUT HERE。

我想要做的是当我将鼠标悬停在标签上时，例如 INPUT HERE，它会显示正方形再次强调我点击的部分。我现在的问题是，当我单击“鼻子”时，它应该在鼻子部分显示一个正方形，并且名称“鼻子”带有黑色背景，但它没有显示。此外，仅显示最后一个标签的方块，而忽略单击的其他标签的位置。

如何获得一个标签来记住我点击的位置？人们说我应该使用 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

您应该创建一个 HashMap，如下所示：

Map linkSet = new HashMap();

每当您单击绘图并创建标签时，请使用 put 方法将 JLabel 和图像上的点添加到集合中，其中 JLabel 为键，Point 为值。然后在 JLabel 的 MouseMotionListener 中，使用您的标签作为键，并使用地图的 get(...) 方法从集合中获取相应的点。

编辑：
根据 alicedimarco 的评论进行更正。再次感谢！

编辑 2
我想你想再次使用地图。如果您有一个 Map，则可以让它从 JLabel 或 JList 的字符串中检索感兴趣的点，然后将此 Point 传递给正在绘制图像的类，并让它使用该 Point 来绘制矩形。例如，您可以为图像绘制类提供一个名为 displayPoint 的 Point 字段和一个名为 setDisplayPoint(Point p) 的方法。它可以像这样简单：

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

假设感兴趣的对象位于该点的中心，在paintComponent方法中使用displayPoint：

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);
  }
}

编辑3：
要获得鼠标单击，非常简单，只需将 MouseListener 添加到保存图像的组件即可：

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

并在从此鼠标侦听器调用的代码中，使用 JOptionPane 获取用户选择的标签名称，然后添加结果字符串到 listDataModel，以便它可以在 JList 中看到，也可以在 stringPointMap 中与从 MouseEvent 获取的 Point 一起看到，以便您可以将 String 映射到 Point 并能够检索它：

// !! 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 = "https://i.sstatic.net/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);
   }
}

Answer 2

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 而不是字符串中。然后在你的代码中的某个时刻你会做这样的事情......

// 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...

希望有帮助。