java - 如何将图像放入特定的 JPanel 中？

Question

我最近正在尝试棋盘游戏，现在我正在制作跳棋棋盘游戏。但是我无法弄清楚如何在 GridLayout 的单元格中显示芯片。每个单元格都有自己的 JPanel，我通过 FOR 循环将其分配在二维数组中。

我需要在特定的JPanel中显示图像p1Chip，它只是一个.png，让假设它的变量名称是 board[2][3]，而不会弄乱 GridLayout。

关于如何执行此操作的示例代码会很棒，因为它将帮助我更好地理解。

我已经在互联网上搜索过，但找不到我需要的东西，或者至少找不到解释如何做的东西。

这是到目前为止的代码:

package checkers;

import java.awt.BorderLayout;
import java.awt.Component;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.GridLayout;
import java.awt.Image;

import javax.imageio.ImageIO;
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.border.EmptyBorder;

import java.awt.Color;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.image.BufferedImage;
import java.awt.image.ImageObserver;
import java.io.File;
import java.io.IOException;
import javax.swing.JTextField;

public class Main extends JFrame {

    private JPanel contentPane;

    Image p1Chip;

    JPanel[][] board = new JPanel[8][8];



    public static void main(String[] args) {
        EventQueue.invokeLater(new Runnable() {
            public void run() {
                try {
                    Main frame = new Main();
                    frame.setVisible(true);
                } catch (Exception e) {
                    e.printStackTrace();
                }
            }
        });
    }

    public Main() throws IOException {
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setBounds(100, 100, 800, 800);
        contentPane = new JPanel();
        contentPane.setBorder(new EmptyBorder(5, 5, 5, 5));
        setContentPane(contentPane);
        contentPane.setLayout(null);

        startGame();
    }


    //Start Game!
        public void startGame() throws IOException{
            drawBoard();
        }

//******************************DRAWS BOARD******************************\\

 //Draws the board
    public void drawBoard() throws IOException{

        System.out.println("Start Drawing Board!");

        getContentPane().setLayout(new GridLayout(8,8));

        int colorAssignRow = 0; 
        int colorAssignCol = 0;

        for(int r = 0; r < 8; r++){

            colorAssignRow++;
            colorAssignCol = 0;

            for(int c = 0; c < 8; c++){

                colorAssignCol++;

                board[r][c] = new JPanel();


                if(colorAssignRow%2!=0){
                    if(colorAssignCol%2==0)board[r][c].setBackground(Color.RED);
                        else board[r][c].setBackground(Color.BLACK);
                }
                else if(colorAssignRow%2==0){
                    if(colorAssignCol%2==0)board[r][c].setBackground(Color.BLACK);
                    else board[r][c].setBackground(Color.RED);
                }

                getContentPane().add(board[r][c]);
            }

        }

        System.out.println("Board Drawing Done!");


    }

//******************************END OF DRAWING BOARD******************************\\

    public void getAssets(){
        System.out.println("Getting assets!");
        p1Chip = new ImageIcon("P1ChipNormal.png").getImage();
    }

}

上面的代码工作正常，因为它只输出 JPanels 的西洋棋棋盘，每个棋盘都位于网格的不同单元格中。

更新: 添加此方法是为了显示芯片，但是当我运行此方法时，没有显示芯片。

 public void drawChips(){


    /*
     * When:    0 and even
     *          1 and odd
     *          2 and even
     */

    //Drawing Player One Chips\\
    for(int r = 0; r < 8; r++){ 
        for(int c = 0; c < 8; c++){

            label[r][c] = new JLabel();
            board[r][c] = new JPanel();

            if(r==0 && c%2==0){
                label[r][c].setIcon(p1Chip);
                board[r][c].add(label[r][c]);
            }
            else if(r==1 && c%2!=0 && c!=0){
                label[r][c].setIcon(p1Chip);
                board[r][c].add(label[r][c]);
            }
            else if(r==2 && c%2==0){
                label[r][c].setIcon(p1Chip);
                board[r][c].add(label[r][c]);
            }

    }   
    }   
}

Answer 1

要在 JPanel 单元格中显示芯片:

• 将芯片图像放入 ImageIcon
• 通过 JLabel 的 setIcon(chipIcon) 方法将该 ImageIcon 放入 JLabel
• 通过 add(someLabel) 方法将 JLabel 添加到 JPanel - JPanel 现在将显示图像。

然后如果你想点击并移动芯片，

• 给它MouseListener和MouseMotionListener (MouseAdapater)
• 单击后，将 JLabel 从其包含的 JPanel 中删除，并将其提升到顶层窗口的玻璃 Pane 。
• 使用 MouseAdapter 移动它。
• 松开后，将 JLabel 放置在鼠标所在的 JPanel 上。