Question

我相信这很简单也许我只是以不同的方式看待它，我有一个正常战舰布局的jpg，我也有一个实际网格我用Jpanel，为了让我的游戏更加花哨我希望让jpanel与网格重叠jpeg使它看起来更逼真。当我导入jpeg时，它将图像放在每个网格中。这是可以理解的，我创建了一个网格类的新实例。 6乘6

import java.awt.*;
import java.awt.event.*;
import java.awt.image.BufferedImage;
import java.io.*;

import javax.imageio.ImageIO;
import javax.swing.*;
import javax.swing.border.LineBorder;
public class Grid extends JPanel {
private int row;
private int column;
BufferedImage img;

private BattleShipsClient parent;
public Grid(int row , int column, BattleShipsClient gui)
{
    this.row = row;
    this.column = column;
    this.parent = gui;

    setBorder(new LineBorder(Color.black,1));
    addMouseListener(new ClickListener());
    /*
     try {
           img = ImageIO.read(new File("Battleships.jpg"));
       } catch (IOException e) {
       }*/  
}
protected void paintComponent(Graphics g)
{
    super.paintComponent(g);
    //g.drawImage(img, 0, 0, null);
}
private class ClickListener extends MouseAdapter
{

}


}

这是我的网格类，导入图像的代码已被注释掉，因为它在这个地方不起作用

import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.DataInputStream;
import java.io.DataOutputStream;
import java.io.File;
import java.io.IOException;
import java.net.*;

import javax.imageio.ImageIO;
import javax.swing.*;
import javax.swing.border.*;


public class BattleShipsClient implements Runnable, BattleShipConstants{
//6 rows and 6 collunms
private Grid [][] grid = new Grid[6][6];

private DataInputStream fromServer;
private DataOutputStream toServer;
BufferedImage img;
JFrame j = new JFrame();

public BattleShipsClient()
{
    JPanel p = new JPanel();
    p.setLayout(new GridLayout(6,6,0,0));
    for (int i=0;i<6;i++)
        for(int j=0;j<6;j++)
            p.add(grid[i][j] = new Grid(i,j,this));

    p.setBorder(new LineBorder(Color.black,1));

    j.add(p,BorderLayout.CENTER);
    j.setSize(320,320);
    j.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    j.setVisible(true);



}
public void run(){
    Thread thread = new Thread(this);
    thread.start();
}
public static void main(String [] args){
    BattleShipsClient bs = new BattleShipsClient(); 
}


}

我意识到为什么它不起作用但似乎无法弄清楚我将如何使它工作，因此它与网格内联。

Answer 1

你可能已经意识到它不起作用的原因（图像内联）是你要添加6 x 6（36）Grid JPanels，每个都在绘制一个单独的图像战舰。您需要的是绘制单个图像并将单个单元格覆盖在顶部。

执行此操作的一种方法是创建另一个仅绘制图像的自定义JPanel，然后将Grid面板添加到其中：

class ImagePanel extends JPanel {
   private final BufferedImage img;

   public ImagePanel() throws IOException {
     setLayout(new GridLayout(6, 6));
     img = ImageIO.read(new File("Battleships.jpg"));
   }

   @Override
   protected void paintComponent(Graphics g) {
     super.paintComponent(g);
     g.drawImage(img, 0, 0, getWidth(), getHeight(), null);
   }
}

最后一个重要提示：不要忘记致电

setOpaque(false);

在每个Grid面板中，使每个单元格透明。这将允许显示父容器中的图像。

如何使用网格布局内嵌jpg

1 个答案: