钢琴键——不重叠，现在不显示

Question

注意：我使用的是jFugue。

public class Piano extends JFrame implements KeyListener {
ArrayList<Keys> keys = new ArrayList<Keys>();
Player playNote = new Player();
public Piano() {
drawGrid();
this.addKeyListener(this);
this.setVisible(true);
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)
}
public void drawGrid() {
pane = new JLayeredPane();
this.setLayout(null);
keys.add(new Key(new Rectangle(0, 0, 50, 300), new Pattern("V0 I[Piano] C5q"), Color.white));
keys.add(new Key(new Rectangle(25, 0, 25, 180), new Pattern("V0 I[Piano] C#5q"), Color.white));
keys.add(new Key(new Rectangle(50, 0, 50, 300), new Pattern("V0 I[Piano] D5q"), Color.white));
keys.add(new Key(new Rectangle(75, 0, 25, 180), new Pattern("V0 I[Piano] D#5q"), Color.white));
keys.add(new Key(new Rectangle(100, 0, 50, 300), new Pattern("V0 I[Piano] E5q"), Color.white));
keys.add(new Key(new Rectangle(150, 0, 50, 300), new Pattern("V0 I[Piano] F5q"), Color.white));
keys.add(new Key(new Rectangle(175, 0, 25, 180), new Pattern("V0 I[Piano] F#5q"), Color.white));
keys.add(new Key(new Rectangle(200, 0, 50, 300), new Pattern("V0 I[Piano] G5q"), Color.white));
keys.add(new Key(new Rectangle(225, 0, 25, 180), new Pattern("V0 I[Piano] G#5q"), Color.white));
keys.add(new Key(new Rectangle(250, 0, 50, 300), new Pattern("V0 I[Piano] A5q"), Color.white));
keys.add(new Key(new Rectangle(275, 0, 25, 180), new Pattern("V0 I[Piano] A#5q"), Color.white));
keys.add(new Key(new Rectangle(300, 0, 50, 300), new Pattern("V0 I[Piano] B5q"), Color.white));
this.add(keys.get(0));
for (Key w: keys) {
w.setBounds(w.getRectangle());
this.getContentPane().add(w);
w.addMouseListener(w);
w.setPlayer(playNote);
}
}
public static void main(String[] args) {
Piano yamaha = new Piano();
yamaha.setSize(1000, 500);
}
}

以下是关键类的一部分：

public class Key extends JLayeredPane implements MouseListener {
Player player;
Rectangle rectangle;
Pattern pattern;
Color color;
public Key(Rectangle r, Pattern p, Color c) {
rectangle = r;
pattern = p;
color = c;
}
public void paintComponent(Graphics g) {
g.setColor(color);
g.fillRect((int) rectangle.getX() - 1, (int) rectangle.getY() - 1, (int) rectangle.getWidth() - 1, (int) rectangle.getHeight() - 1);
g.setColor(Color.BLACK);
g.drawRect((int) rectangle.getX(), (int) rectangle.getY(), (int) rectangle.getWidth() - 1, (int) rectangle.getHeight() - 1);
repaint();
}
public Rectangle getRectangle() {
return rectangle;
}
public void setRectangle(Rectangle rectangle) {
this.rectangle = rectangle;
}
}

第一个白键会显示在框架中，但其他的都没有。我已经尝试过JLayeredPane、OverlayLayout、GridLayout等。

有人能帮我一下吗？

Answer 1

如果要进行自定义绘制，则只需覆盖JPanel的paintComponent(...)方法。这个面板(不是JFrame)应该包含您的"keys"ArrayList。然后，paintComponent(...)方法会迭代您的"键"ArrayList，将每个钢琴键绘制在其适当的位置。

查看自定义绘画方法中的DrawOnComponent示例，了解此类绘画方法的示例。

然后，对于MouseListener代码，您将反向遍历"keys"ArrayList，以找到包含鼠标点的键。因此，您只需使用Rectangle.contains(...)方法来确定单击了哪个键。

或者另一种方法是将真正的Swing组件添加到面板中。然后，您不必执行任何自定义绘制或搜索逻辑来确定按下了哪个键。您只需要担心每个组件的布局。

关于这种方法的示例，请查看：如何使用JScrollPane和JLayeredPane 创建钢琴