Question

对不起伙计们，我删除了我的APPLES和CATS示例:)这是我的问题的更新版本！

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

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

enter image description here

当我点击图片时，会弹出一个JOptionPane，就像这样。我输入了我的输入。我的JList是一个ArrayList，所以我输入的所有东西都被添加到JList和底部的JPanel。

enter image description here

现在，当我将鼠标悬停在我点击的部分时，你注意到方形消失了。它仅在我单击图像时出现，并且当我将标签悬停在底部时。我的标签，截至目前是LOLZ NOSE和INPUT HERE。

enter image description here

我想要做的是当我将鼠标悬停在标签上时，例如INPUT HERE，它再次显示正方形，其中包含我点击的部分。我现在的问题是，当我点击NOSE时，它应该在鼻子部分显示一个正方形，并且名字NOSE有黑色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

你应该创建一个HashMap，比如说：

映射linkSet = new HashMap（）;

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

修改
根据alicedimarco的评论进行了修正。再次，谢谢！

编辑2
我想你想再次使用Map。如果你有一个Map，你可以让它从JLabel或JList的String中检索兴趣点，然后将这个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获取用户对标记名称的选择，并将结果String添加到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 = "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); } }

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

希望有所帮助。

记住鼠标点击的位置？的ArrayList？哈希码？

2 个答案: