在调用 repaint() 之前，paintComponent 不会绘制所有内容

Question

我正在开发一个国际象棋引擎，但我遇到了以下问题：除非调用repaint()，否则我的棋子不会被绘制。但是，正方形（= 国际象棋场）看起来很好。 我读到我应该避免在paintComponent 中使用repaint()，因为这会使函数被连续调用。我怎样才能避免打电话给repaint()，但仍然绘制我的图像？ 这是代码：

import java.awt.Color;
import java.awt.Dimension;
import java.awt.Frame;
import java.awt.Graphics;
import java.awt.Image;
import java.awt.Toolkit;
import java.util.ArrayList;

import javax.swing.JFrame;
import javax.swing.JPanel;

@SuppressWarnings("serial")
public class ChessBoard extends JPanel {

    ArrayList<Square> squares = new ArrayList<Square>();
    Piece piece = new Piece("B", 0);
    
    public ChessBoard() {
        for (int i = 0; i < 8; i++) {
            for (int j = 0; j < 8; j++) {
                squares.add(new Square(i, j));
            }
        }
    }
    
    @Override
    public void paintComponent(Graphics g) {
        super.paintComponent(g);
        for (Square square : squares) {
            square.draw(g);
        }
        piece.draw(g);
        //repaint(); //Image only appears if this is called
    }
    
    public static void main(String[] args) {
        // TODO Auto-generated method stub
        ChessBoard chessboard = new ChessBoard();
        chessboard.createFrame();
    }
    
    public void createFrame() {
        JFrame f = new JFrame("ChessBoard");
        f.getContentPane().setPreferredSize(new Dimension(squareSize()*8, squareSize()*8));
        f.setResizable(false);
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.setTitle("Chessboard");
        f.setLocation((int)(screenSize().width-squareSize()*8)/2, (int)(screenSize().height-squareSize()*8)/2);
        f.add(this);
        f.pack();
        Frame.getFrames();
        f.setVisible(true);
    }
    
    public static Dimension screenSize() {
        return Toolkit.getDefaultToolkit().getScreenSize();
    }
    
    public static int squareSize() {
        return (int)screenSize().height/12;
    }

}


class Square {
    int start_x, start_y;
    int square_size;
    Color color;
    
    public Square(int x, int y) {
        // constructor
        start_x = x*ChessBoard.squareSize();
        start_y = y*ChessBoard.squareSize();
        square_size = ChessBoard.squareSize();
        if ((x+y)%2 == 0) {
            // Color of the white squares
            color = new Color(209, 192, 148);
        } else {
            // Color of the black squares
            color = new Color(110, 83, 43);
        }
    }

    public void draw(Graphics g) {
        g.setColor(this.color);
        g.fillRect(this.start_x, this.start_y, square_size, square_size);
    }
}

class Piece {
    String type;
    int coordinate, square_size, piece_size;
    int[] draw_coordinates = {7, 6, 5, 4, 3, 2, 1, 0};
    Image image;
    
    public Piece(String type, int coordinate) {
        this.type = type;
        this.coordinate = coordinate;
        this.square_size = ChessBoard.squareSize();
        this.piece_size = (int)ChessBoard.squareSize()*2/3;
        this.image = Toolkit.getDefaultToolkit().getImage("src/pieces/black_bishop.png");
    }
    
    public int co_x_board() {
        return coordinate - ((int)coordinate/8)*8;
    }
    
    public int co_y_board() {
        return (int)coordinate/8;
    }
    
    public int co_x_draw() {
        return co_x_board()*square_size+((int)square_size/6);
    }
    
    public int co_y_draw() {
        return draw_coordinates[co_y_board()]*square_size+((int)square_size/6);
    }
    
    public void draw(Graphics g) {
        g.drawString(type, co_x_draw(), co_y_draw()); // does work
        g.drawImage(image, co_x_draw(), co_y_draw(), piece_size, piece_size, null); // does not work
    }
}

提前谢谢你！

Answer 1

问题在于您没有提供drawImage 方法调用的ImageObserver 参数。

我可以重现您在 MRE 中看到的错误。

我曾通过Toolkit.getDefaultToolkit().getImage("...");（或Toolkit.getDefaultToolkit().createImage("...");）阅读图像，有时如果您不提供ImageObserver，或者之前没有在图像上调用getWidth(null)，则有时它不起作用画它，以及其他症状，我不知道原因。但我所知道的是，如果您提供 ImageObserver 参数，那么它将起作用。

请记住，Component 是 ImageObserver...所以您需要将 Component（Graphics 对象所属的对象）实际提供给 drawImage 最后一个参数。

因此，您可以更改您的 Piece#draw 方法以接受在其上绘制它的 Component，如下所示：

public void draw(Graphics g, final Component observer) {
    g.drawString(type, co_x_draw(), co_y_draw());
    g.drawImage(image, co_x_draw(), co_y_draw(), piece_size, piece_size, observer);
}

然后记得正确调用它，像这样更改ChessBoard#paintComponent：

@Override
public void paintComponent(Graphics g) {
    super.paintComponent(g);
    for (Square square : squares) {
        square.draw(g);
    }
    piece.draw(g, this);
}

即使将null 用作ImageObserver，通常更正错误的另一种方法是使用ImageIO#read 方法将图像读取为BufferedImage。同样，我不知道为什么会这样，但确实如此。我也没有用ImageIO#read 测试你的情况，但我仍然用Toolkit.getDefaultTooklit().getImage("..."); 测试它并且它有效（但你需要提供ImageObserver 参数）。

一些建议：

在我看来，用GridLayout（例如new GridLayout(0, 8);）在JPanel 中布置一些JLabels，然后将图像设置为Icons（通过@ 987654353@) 到JLabels...