java - 我不知道如何在现有的 JFrame 上绘制图片

Question

我一直在为学校制作一款井字棋游戏，该游戏通过控制台获取用户输入，然后在 GUI 中显示当前的棋盘状态。我拥有所有代码来确保游戏按预期运行，但是我不知道如何在玩家玩游戏时将 X 或 O 图像绘制到棋盘上。当调用构造函数时，它可以很好地绘制板，但是当我调用我的方法来绘制图像时，它根本没有改变。我对 GUI 不太了解，非常感谢任何帮助。

我的代码:

package part1;
import java.awt.Graphics;
import java.awt.Image;
import java.awt.Point;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;
import javax.swing.ImageIcon;
import javax.swing.JFrame; 
import javax.swing.JPanel; 
public class boardDraw extends JFrame{
private ImageIcon XIcon = new ImageIcon("XJava.png"); 
private ImageIcon OIcon = new ImageIcon("OJava.png"); 
private Image X = XIcon.getImage(); 
private Image O = OIcon.getImage(); 
private Point[][] coords = new Point[3][3]; 
public boardDraw(){
    setTitle("Tic-Tac-Toe");
    setSize(1000, 1000); 
    setVisible(true); 
    setDefaultCloseOperation(EXIT_ON_CLOSE); 
    fillCoords(); 
}

public void paint(Graphics g){
    g.drawLine(0, 333, 1000, 333);
    g.drawLine(0, 666, 1000, 666);
    g.drawLine(333, 0, 333, 1000);
    g.drawLine(666, 0, 666, 1000);

}


public void fillCoords(){
    int x = 170; 
    int y = 170; 
    for(int i = 0; i<3; i++){
        for(int j = 0; j<3; j++){
            coords[i][j] = new Point(x, y); 
            y += 333; 
        }
        x += 333; 
    }
}

public void setX(int row, int col){
    Graphics g = this.getGraphics();
    //g.drawImage(X, (int)coords[row][col].getX(), (int)coords[row][col].getY(), null);
    //System.out.println(X); 
}

public void setO(int row, int col){
    Graphics g = this.getGraphics();
    g.drawImage(O, (int)coords[row][col].getX(), (int)coords[row][col].getY(), this);
    //System.out.println(O); 
    //g.drawOval((int)coords[row][col].getX(), (int)coords[row][col].getY(), 100, 100);

}

}

Answer 1

..how to draw a picture onto an already existing JFrame(?)

我不建议为此使用自定义绘画。相反，将 9 个标签 (JLabel) 放入网格布局中 (new GridLayout(3,3,n,n);//n 是单元格之间的填充)并使用图像作为标签的图标。

想象一下这些是图像。

• X

• O

那么这可能就是最终结果:

这是将它们组合在一起的代码:

import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.net.URL;
import java.util.Random;
import javax.imageio.ImageIO;
import javax.swing.*;
import javax.swing.border.EmptyBorder;

public class TicTacToe {

    private JComponent ui = null;
    private BufferedImage xImage;
    private BufferedImage oImage;
    private BufferedImage blankImage;

    TicTacToe() {
        initUI();
    }

    public void initUI() {
        if (ui != null) {
            return;
        }

        ui = new JPanel(new BorderLayout(4, 4));
        ui.setBorder(new EmptyBorder(4, 4, 4, 4));

        try {
            xImage = ImageIO.read(new URL("/image/F0JHK.png"));
            oImage = ImageIO.read(new URL("/image/gJmeJ.png"));
            blankImage = new BufferedImage(
                    xImage.getWidth(), xImage.getHeight(),
                    BufferedImage.TYPE_INT_ARGB);
        } catch (IOException ex) {
            System.err.println("Unable to load icons!");
            ex.printStackTrace();
            System.exit(1);
        }
        JPanel ticTacToeBoard = new JPanel(new GridLayout(3, 3, 4, 4));
        ui.add(ticTacToeBoard, BorderLayout.CENTER);

        Random r = new Random();
        Image[] images = {
            xImage,
            oImage,
            blankImage
        };
        for (int ii = 0; ii < 9; ii++) {
            // next line is to show how it might look.
            Image image = images[r.nextInt(3)];
            JLabel l = new JLabel(new ImageIcon(image));
            l.setOpaque(true);
            l.setBackground(Color.WHITE);
            ticTacToeBoard.add(l);
        }
    }

    public JComponent getUI() {
        return ui;
    }

    public static void main(String[] args) {
        Runnable r = new Runnable() {
            @Override
            public void run() {
                try {
                    UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
                } catch (Exception useDefault) {
                }
                TicTacToe o = new TicTacToe();

                JFrame f = new JFrame(o.getClass().getSimpleName());
                f.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
                f.setLocationByPlatform(true);

                f.setContentPane(o.getUI());
                f.pack();
                f.setMinimumSize(f.getSize());

                f.setVisible(true);
            }
        };
        SwingUtilities.invokeLater(r);
    }
}

编辑

我忘记了最终目标是让用户能够使用键盘和鼠标与方 block 进行交互! :P

考虑到这一点，请注意我们只能向标签添加鼠标监听器。对于键盘交互，按钮 (JButton) 会更好。将 ActionListener 添加到按钮后，它将对键盘或鼠标输入使用react。请参阅Making a robust, resizable Swing Chess GUI用于基于一系列按钮的棋盘游戏。例如

JButton[][] chessBoardSquares = new JButton[8][8];