将透明圆圈添加到背景图像

Question

我需要制作鼓乐器。我已经有了背景图像和声音。现在我需要在鼓上添加 4 个透明圆圈来产生 4 种不同的声音。

import javax.swing.*;
import java.awt.event.*;

public class PictureOnClickOneSound 
{

  public static void main(String args[]) 
  {
    // Create a "clickable" image icon.
    ImageIcon icon = new ImageIcon("C:\\Users\\apr13mpsip\\Pictures\\Drum2.jpg");
    JLabel label = new JLabel(icon);
    label.addMouseListener(new MouseAdapter() 
    {
      public void mouseClicked(MouseEvent me) 
      {
        sound1.Sound1.play();
        System.out.println("CLICKED");
      }
    }); 

    // Add it to a frame.
    JFrame frame = new JFrame("My Window");
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    frame.getContentPane().add(label);
    frame.pack();
    frame.setVisible(true);
  }
}

Answer 1

创建一个地图，其中包含一个表示图像上某个位置的形状以及单击该位置时播放的声音文件。比如：

Map<Shape, Sound> shapes = new Hashmap<Shape, Sound>();

shapes.put(new Ellipse2D.Double(0, 0, 50, 50), soundFile1);
shapes.put(new Ellipse2D.Double(50, 50, 50, 50), soundFile2);

然后在 mouseClicked() 事件中，您需要搜索地图以查看是否在您的任何形状中单击了鼠标。比如：

for (Shape shape: shapes.keySet())
{
    if (shape.contains(event.getPoint());
    {
        Sound sound = shapes.get(shape);
        sound.play();
    }
}

Answer 2

您不需要添加'透明圆圈'，只需使用MouseEvent 的属性getX() 和getY() 来识别它在图像中被点击的位置，然后播放相对的声音。

对于每个圆，存储 x、y 中心位置和半径。

public class Circle{
   double xCenter;
   double yCenter;
   double radius;
}

当执行 MouseEvent 动作时，遍历圆圈并检查点击是否在任何范围内：

for(Circle c : circles){
   //check if the click was inside this circle
   if (Math.sqrt((c.xCenter-mouseEvent.getX())^2+(c.yCenter-mouseEvent.getY())^2) <= c.radius) {
      //play sound for c
   }
}