棋盘模块：

画五子棋棋盘：19条横线、19条竖线

步骤一：显示棋盘

我有一张名为chessboard.png的棋盘，位置为根目录/res/drawable/chessboard/png，现在我要显示这张图片。

DrawChessBoard.java

package xchen.test.simpleGobang;

import java.awt.Graphics;

import java.awt.Image;

import java.awt.Toolkit;

import javax.swing.JPanel;

public class DrawChessBoard extends JPanel{

public Image boardImg;

public DrawChessBoard() {

boardImg = Toolkit.getDefaultToolkit().getImage("res/drawable/chessboard.png");

if(boardImg == null)

System.err.println("png do not exist");

}

@Override

protected void paintComponent(Graphics g) {

// TODO Auto-generated method stub

super.paintComponent(g);

int imgWidth = boardImg.getHeight(this);

int imgHeight = boardImg.getWidth(this);

int FWidth = getWidth();

int FHeight= getHeight();

int x=(FWidth-imgWidth)/2;

int y=(FHeight-imgHeight)/2;

g.drawImage(boardImg, x, y, null);

}

}

Main.java

package xchen.test.simpleGobang;

import java.awt.Container;

import javax.swing.JFrame;

import xchen.test.simpleGobang.DrawChessBoard;

public class Main extends JFrame{

private DrawChessBoard drawChessBoard;

public Main() {

drawChessBoard = new DrawChessBoard();

//Frame标题

setTitle("单机五子棋");

Container containerPane =getContentPane();

containerPane.add(drawChessBoard);

}

public static void main(String[] args) {

Main m = new Main();

m.setVisible(true);

}

}

运行一下

步骤二：为棋盘画上横竖线

DrawChessBoard.java

package xchen.test.simpleGobang;

import java.awt.Graphics;

import java.awt.Image;

import java.awt.Toolkit;

import javax.swing.JPanel;

public class DrawChessBoard extends JPanel{

public Image boardImg;

final private int ROWS = 19;

public DrawChessBoard() {

boardImg = Toolkit.getDefaultToolkit().getImage("res/drawable/chessboard2.png");

if(boardImg == null)

System.err.println("png do not exist");

}

@Override

protected void paintComponent(Graphics g) {

// TODO Auto-generated method stub

super.paintComponent(g);

int imgWidth = boardImg.getHeight(this);

int imgHeight = boardImg.getWidth(this);

int FWidth = getWidth();

int FHeight= getHeight();

int x=(FWidth-imgWidth)/2;

int y=(FHeight-imgHeight)/2;

g.drawImage(boardImg, x, y, null);

int margin = x;

int span_x=imgWidth/ROWS;

int span_y=imgHeight/ROWS;

//画横线

for(int i=0;i

{

g.drawLine(x, y+i*span_y, FWidth-x,y+i*span_y);

}

//画竖线

for(int i=0;i

{

g.drawLine(x+i*span_x, y, x+i*span_x,FHeight-y);

}

}

}

Main.java不变

运行一下

遇到的问题：

1)Eclipse不识别文件夹下的图片

问题：文件夹中有图片，但是在Eclipse项目栏中不显示

解决办法：在Eclipse中，选中根目录，F5 refresh，就显示出来了。