（二)使用javaFX画一个中国象棋棋盘

在https://blog.csdn.net/qq_36270700/article/details/107205985

的基础上，添加一些简单的背景图，行棋

将代码剥离，为后续做准备，画棋盘单独一类，可走路径单独一类，常量都放在Main类

棋盘棋子可以正常使用了，行棋规则还没限制

 

 

Main 类

package sample;

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.canvas.Canvas;
import javafx.scene.canvas.GraphicsContext;
import javafx.scene.image.Image;
import javafx.scene.layout.Background;
import javafx.scene.layout.BackgroundImage;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
import sample.utils.Chess;
import sample.utils.CanvasUtils;

public class Main extends Application {


    static public int girdW = 40;
    static public int canvasW = 9*girdW;
    static public int girdH = 40;
    static public int canvasH = 10*girdH;
    static public String colorR = "R";
    static public String colorB = "B";
    static public Boolean init = true;
    static public double chessW = 18.0;
    static public String fontName = "STSong";

    static  public Chess[][] chesses = new Chess[10][9];
    static public  String[][] names = {
        {"車","馬","象","士","將","士","象","馬","車"},
        {"","","","","","","","",""},
        {"","炮","","","","","","炮",""},
        {"卒","","卒","","卒","","卒","","卒"},
        {"","","","","","","","",""},
        {"","","","","","","","",""},
        {"兵","","兵","","兵","","兵","","兵"},
        {"","炮","","","","","","炮",""},
        {"","","","","","","","",""},
        {"車","馬","相","仕","帥","仕","相","馬","車"},
    };
    static public Chess selectChess = null;
    static public Double fontSize = 18.0;
    @Override
    public void start(Stage primaryStage){
        Group root = new Group();
        Canvas canvas = new Canvas(canvasW  * 1.0, canvasH * 1.0 );
        StackPane stackPane = new StackPane();
        Image img = new Image(Main.class.getResourceAsStream("c.jpg"));
        stackPane.setBackground(new Background(new BackgroundImage(img,null,null,null,null)));
        stackPane.setMinWidth(canvasW*2);
        stackPane.setMinHeight(canvasH *1.5);
        GraphicsContext gc = canvas.getGraphicsContext2D();
        //选棋子
        canvas.setOnMouseClicked(event -> {
            int i = (int)(event.getX()/girdW);
            int j = (int)(event.getY()/girdH);
            Chess chess = CanvasUtils.clickChess(event.getX(),event.getY());
            if(chess != null){
                if(selectChess == null ){
                    CanvasUtils.selectChess(chess,gc);
                }else{
                    CanvasUtils.moveChess(i,j,gc);
                }
            }else{
                CanvasUtils.moveChess(i,j,gc);
            }
        });
        CanvasUtils.drawShapes(gc);
        stackPane.getChildren().add(CanvasUtils.placeCanvas());
        stackPane.getChildren().add(CanvasUtils.rotateCanvas());
        stackPane.getChildren().add(canvas);
        root.getChildren().add(stackPane);
        primaryStage.setTitle("棋盘");
        primaryStage.setScene(new Scene(root, canvasW *2, canvasH *1.5));
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

 

CanvasUtils类

package sample.utils;

import java.util.List;

import javafx.scene.canvas.Canvas;
import javafx.scene.canvas.GraphicsContext;
import javafx.scene.image.Image;
import javafx.scene.paint.Color;
import javafx.scene.text.Font;
import javafx.scene.text.TextAlignment;
import javafx.scene.transform.Rotate;
import sample.Main;
import static  sample.Main.*;

public class CanvasUtils {

    //移动棋子到指定位置
    public static void moveChess(int i , int j ,GraphicsContext gc){
        if(selectChess == null ){
            return ;
        }
        if(chesses[j][i] != null && chesses[j][i].getColor().equals(selectChess.getColor())){
            selectChess = chesses[j][i];
            selectChess(selectChess,gc);
            return ;
        }
        chesses[selectChess.getJ()][selectChess.getI()] = null;
        selectChess.setI(i);
        selectChess.setJ(j);
        chesses[j][i] = selectChess;
        gc.clearRect(0, 0, canvasW, canvasH);
        drawShapes(gc);
    }
    //圈棋盘背景
    public static Canvas placeCanvas(){
        Canvas canvas = new Canvas(canvasW * 1.1, canvasH * 1.1);
        GraphicsContext gc = canvas.getGraphicsContext2D();
        Image img = new Image(Main.class.getResourceAsStream("a.jpg"));
        gc.drawImage(img,0,0,canvasW * 1.09,canvasH * 1.09);
        gc.setFill(Color.valueOf("7A6B37"));
        gc.fillRoundRect(canvasW * 1.09,0,canvasW * 1.1, canvasH * 1.1,canvasW * 0.01,canvasH*0.01);
        gc.fillRoundRect(0,canvasH * 1.09,canvasH * 1.1, canvasH * 1.1,canvasW * 0.01,canvasH*0.01);
        return canvas;
    }
    //写一个翻转的汉界
    public static  Canvas rotateCanvas(){
        Canvas canvas2 = new Canvas(canvasW * 1.0, canvasH * 1.0);
        GraphicsContext gc2 = canvas2.getGraphicsContext2D();
        gc2.setFill(Color.GREEN);
        gc2.setStroke(Color.BLUE);
        gc2.setLineWidth(1);
        gc2.setTextAlign(TextAlignment.CENTER);
        gc2.setFont(new Font(fontName, fontSize));
        Rotate r = new Rotate(180,girdW/2 + girdW * 6,canvasH - girdH *5 - fontSize/3);
        gc2.setTransform(r.getMxx(), r.getMyx(), r.getMxy(), r.getMyy(), r.getTx(), r.getTy());
        gc2.fillText("汉界" ,girdW/2 + girdW * 6,canvasH - girdH *5 - fontSize/3 + 5);
        gc2.restore();
        return canvas2;
    }
    //画棋子
    public static  void drawChess(GraphicsContext gc){
        if(init){
            defaultPlace(gc);
        }else{
            for(int i = 0 ; i < 9 ; i++){
                System.out.println("\n");
                for(int j = 0 ; j < 10 ; j++){
                    Chess chess = chesses[j][i];
                    if(chess != null){
                        System.out.print(chess.getChessName());
                        drawOneChess(gc,chess);
                    }else{
                        System.out.print("  ");
                    }
                }
            }
            if(selectChess != null){
                gc.setLineWidth(2);
                gc.setStroke(Color.valueOf("EAEED9"));
                selectChess.setSelect(true);
                gc.strokeOval(selectChess.getX(), selectChess.getY(), selectChess.getW(),selectChess.getW());
                selectChess = null;
            }
        }
    }

    //默认棋盘
    public static  void defaultPlace(GraphicsContext gc){
        init = false;
        for(int i = 0 ; i < 9 ; i++){
            for(int j = 0 ; j < 10 ; j++){
                if(!"".equals(names[j][i])){
                    gc.setFill(Color.WHEAT);
                    Chess chess = null;
                    if(j > 4){
                        chess = new Chess(i,j,names[j][i],colorR);
                        drawOneChess(gc,chess);
                    }else{
                        chess = new Chess(i,j,names[j][i],colorB);
                        drawOneChess(gc,chess);
                    }
                    chesses[j][i] = chess;
                }
            }
        }

    }
    public static  void drawOneChess(GraphicsContext gc , Chess chess ){
        Color color = Color.RED;
        if(colorB.equals(chess.getColor())) {
            color = Color.BLACK;
        }
        gc.setFont(new Font(fontName, fontSize));
        gc.setFill(Color.WHEAT);
        gc.fillOval(chess.getX(), chess.getY(), chess.getW(), chess.getW());
        gc.setLineWidth(2);
        gc.setStroke(Color.rgb(1,1,1));
        gc.setStroke(Color.valueOf("A4802C"));
        gc.strokeOval(chess.getX(), chess.getY(), chess.getW(), chess.getW());
        gc.setLineWidth(1);
        gc.strokeOval(chess.getX(), chess.getY(), chess.getW()-1, chess.getW()-1);
        gc.strokeOval(chess.getX()+5, chess.getY()+5, chess.getW()-10, chess.getW()-10);
        gc.setFill(color);
        gc.fillText(chess.getChessName(),chess.getX()+chess.getW()/2, chess.getY()+chess.getW()/2+fontSize/3);
    }

    //取消选中
    public static  void unSelectChess(GraphicsContext gc){
        //if(selectChess != null ){
        gc.clearRect(0, 0, canvasW, canvasH);
        drawShapes(gc);
        //}
    }

    //选中棋子
    public static  void selectChess(Chess chess,GraphicsContext gc){
        unSelectChess(gc);
        selectChess = chess;
        gc.setLineWidth(2);
        gc.setStroke(Color.rgb(1,1,1));
        gc.setStroke(Color.valueOf("EAEED9"));
        chess.setSelect(true);
        gc.strokeOval(chess.getX(), chess.getY(), chess.getW(),chess.getW());
        List<Integer[]> list = canMove(chess);
        if(list != null){
            for(Integer[] integers : list){
                gc.setStroke(Color.rgb(1,1,1));
                gc.setLineWidth(3);
                gc.setStroke(Color.valueOf("4A951F"));
                gc.strokeOval(chess.getX(integers[0]), chess.getY(integers[1]), chess.getW(),chess.getW());
            }
        }
    }

    private static List<Integer[]> canMove(Chess chess){
        int code = chess.getCode();
        switch (code){
            case 1:
                return CanMoveUtils.bingMove(chess);
        }
        return null;
    }

    //获取点击的坐标对应的棋子
    public static  Chess clickChess(double x,double y){
        int i = (int)(x/girdW);
        int j = (int)(y/girdH);
        System.out.println(i + " __ " + j );
        return chesses[j][i];
    }
    //画棋盘。画线
    public static  void drawPlace(GraphicsContext gc){
        gc.setLineWidth(3);
        gc.strokeLine(girdW/3 ,girdH/3,girdW/3,canvasH - girdH/3);
        gc.strokeLine(girdW/3*2 +  girdW * 8,girdH/3,girdW/3*2 +  girdW * 8,canvasH - girdH/3);
        gc.strokeLine(girdW/3  ,girdH/3 + girdH * 0,canvasW - girdW/3,girdH/3 + girdH * 0);
        gc.strokeLine(girdW/3  ,girdH/3*2 + girdH * 9,canvasW - girdW/3,girdH/3*2 + girdH * 9);
        gc.setLineWidth(1);
        //竖线
        for(int i = 0 ; i < 9 ; i++){
            //河界要断开
            if(i== 0 || i == 8){
                gc.strokeLine(girdW/2 + girdW * i ,girdH/2,girdW/2 + girdW * i,canvasH - girdH/2);
            }else{
                gc.strokeLine(girdW/2 + girdW * i ,girdH/2,girdW/2 + girdW * i,canvasH - girdH/2 - girdH *5);
                gc.strokeLine(girdW/2 + girdW * i ,canvasH - girdH/2 - girdH *4,girdW/2 + girdW * i,canvasH - girdH/2);
            }
        }
        //横线
        for(int i = 0 ; i < 10 ; i++){
            gc.strokeLine(girdW/2  ,girdH/2 + girdH * i,canvasW - girdW/2,girdH/2 + girdH * i);
        }


        gc.setTextAlign(TextAlignment.CENTER);
        gc.setFont(new Font(fontName, fontSize));
        gc.fillText("楚河              ",girdW/2 + girdW * 3,canvasH - girdH *5 + fontSize/3);
        //画帅的x
        gc.strokeLine(girdW/2 + girdW * 3,girdH/2,girdW/2 + girdW * 5,girdH/2 + girdH*2);
        gc.strokeLine(girdW/2 + girdW * 3,girdH/2 + girdH*2,girdW/2 + girdW * 5,girdH/2 );
        //画将x
        gc.strokeLine(girdW/2 + girdW * 3,canvasH - girdH/2,girdW/2 + girdW * 5,canvasH - girdH/2 - girdH*2);
        gc.strokeLine(girdW/2 + girdW * 3,canvasH - girdH/2 - girdH*2,girdW/2 + girdW * 5,canvasH - girdH/2 );
        //画炮的标
        gc.strokeLine(girdW/2 + girdW/3*2,girdH/2 + girdH*2 - girdH/10,girdW/2 + girdW - girdW/10,girdH/2 + girdH*2 - girdH/10);
        gc.strokeLine(girdW/2 + girdW/3*2,girdH/2 + girdH*2 + girdH/10,girdW/2 + girdW - girdW/10,girdH/2 + girdH*2 + girdH/10);
        gc.strokeLine(girdW/2 + girdW + girdW/10,girdH/2 + girdH*2 - girdH/10,girdW/2 + girdW*1 + girdW/3,girdH/2 + girdH*2 - girdH/10);
        gc.strokeLine(girdW/2 + girdW + girdW/10,girdH/2 + girdH*2 + girdH/10,girdW/2 + girdW*1 + girdW/3,girdH/2 + girdH*2 + girdH/10);

        gc.strokeLine(girdW/2 + girdW/3*2,girdH/2 + girdH*7 - girdH/10,girdW/2 + girdW - girdW/10,girdH/2 + girdH*7 - girdH/10);
        gc.strokeLine(girdW/2 + girdW/3*2,girdH/2 + girdH*7 + girdH/10,girdW/2 + girdW - girdW/10,girdH/2 + girdH*7 + girdH/10);
        gc.strokeLine(girdW/2 + girdW + girdW/10,girdH/2 + girdH*7 - girdH/10,girdW/2 + girdW*1 + girdW/3,girdH/2 + girdH*7 - girdH/10);
        gc.strokeLine(girdW/2 + girdW + girdW/10,girdH/2 + girdH*7 + girdH/10,girdW/2 + girdW*1 + girdW/3,girdH/2 + girdH*7 + girdH/10);

        gc.strokeLine(girdW/2 + girdW/3*2 + girdW*6,girdH/2 + girdH*2 - girdH/10,girdW/2 + girdW - girdW/10  + girdW*6,girdH/2 + girdH*2 - girdH/10);
        gc.strokeLine(girdW/2 + girdW/3*2 + girdW*6,girdH/2 + girdH*2 + girdH/10,girdW/2 + girdW - girdW/10  + girdW*6,girdH/2 + girdH*2 + girdH/10);
        gc.strokeLine(girdW/2 + girdW + girdW/10 + girdW*6,girdH/2 + girdH*2 - girdH/10,girdW/2 + girdW*1 + girdW/3 + girdW*6,girdH/2 + girdH*2 - girdH/10);
        gc.strokeLine(girdW/2 + girdW + girdW/10 + girdW*6,girdH/2 + girdH*2 + girdH/10,girdW/2 + girdW*1 + girdW/3 + girdW*6,girdH/2 + girdH*2 + girdH/10);

        gc.strokeLine(girdW/2 + girdW/3*2 + girdW*6,girdH/2 + girdH*7 - girdH/10,girdW/2 + girdW - girdW/10 + girdW*6,girdH/2 + girdH*7 - girdH/10);
        gc.strokeLine(girdW/2 + girdW/3*2 + girdW*6,girdH/2 + girdH*7 + girdH/10,girdW/2 + girdW - girdW/10 + girdW*6,girdH/2 + girdH*7 + girdH/10);
        gc.strokeLine(girdW/2 + girdW + girdW/10 + girdW*6,girdH/2 + girdH*7 - girdH/10,girdW/2 + girdW*1 + girdW/3 + girdW*6,girdH/2 + girdH*7 - girdH/10);
        gc.strokeLine(girdW/2 + girdW + girdW/10 + girdW*6,girdH/2 + girdH*7 + girdH/10,girdW/2 + girdW*1 + girdW/3 + girdW*6,girdH/2 + girdH*7 + girdH/10);

        gc.strokeLine(girdW/2 + girdW*1 - girdW/10,girdH/2 + girdH*1 +girdH/3*2,girdW/2 + girdW*1 - girdW/10,girdH/2 + girdH*2 -girdH/10);
        gc.strokeLine(girdW/2 + girdW*1 - girdW/10,girdH/2 + girdH*2 +girdH/10,girdW/2 + girdW*1 - girdW/10,girdH/2 + girdH*2 +girdH/3);
        gc.strokeLine(girdW/2 + girdW*1 + girdW/10,girdH/2 + girdH*1 +girdH/3*2,girdW/2 + girdW*1 + girdW/10,girdH/2 + girdH*2 -girdH/10);
        gc.strokeLine(girdW/2 + girdW*1 + girdW/10,girdH/2 + girdH*2 +girdH/10,girdW/2 + girdW*1 + girdW/10,girdH/2 + girdH*2 +girdH/3);

        gc.strokeLine(girdW/2 + girdW*1 - girdW/10,girdH/2 + girdH*6 +girdH/3*2,girdW/2 + girdW*1 - girdW/10,girdH/2 + girdH*7 -girdH/10);
        gc.strokeLine(girdW/2 + girdW*1 - girdW/10,girdH/2 + girdH*7 +girdH/10,girdW/2 + girdW*1 - girdW/10,girdH/2 + girdH*7 +girdH/3);
        gc.strokeLine(girdW/2 + girdW*1 + girdW/10,girdH/2 + girdH*6 +girdH/3*2,girdW/2 + girdW*1 + girdW/10,girdH/2 + girdH*7 -girdH/10);
        gc.strokeLine(girdW/2 + girdW*1 + girdW/10,girdH/2 + girdH*7 +girdH/10,girdW/2 + girdW*1 + girdW/10,girdH/2 + girdH*7 +girdH/3);


        gc.strokeLine(girdW/2 + girdW*7 - girdW/10,girdH/2 + girdH*1 +girdH/3*2,girdW/2 + girdW*7 - girdW/10,girdH/2 + girdH*2 -girdH/10);
        gc.strokeLine(girdW/2 + girdW*7 - girdW/10,girdH/2 + girdH*2 +girdH/10,girdW/2 + girdW*7 - girdW/10,girdH/2 + girdH*2 +girdH/3);
        gc.strokeLine(girdW/2 + girdW*7 + girdW/10,girdH/2 + girdH*1 +girdH/3*2,girdW/2 + girdW*7 + girdW/10,girdH/2 + girdH*2 -girdH/10);
        gc.strokeLine(girdW/2 + girdW*7 + girdW/10,girdH/2 + girdH*2 +girdH/10,girdW/2 + girdW*7 + girdW/10,girdH/2 + girdH*2 +girdH/3);

        gc.strokeLine(girdW/2 + girdW*7 - girdW/10,girdH/2 + girdH*6 +girdH/3*2,girdW/2 + girdW*7 - girdW/10,girdH/2 + girdH*7 -girdH/10);
        gc.strokeLine(girdW/2 + girdW*7 - girdW/10,girdH/2 + girdH*7 +girdH/10,girdW/2 + girdW*7 - girdW/10,girdH/2 + girdH*7 +girdH/3);
        gc.strokeLine(girdW/2 + girdW*7 + girdW/10,girdH/2 + girdH*6 +girdH/3*2,girdW/2 + girdW*7 + girdW/10,girdH/2 + girdH*7 -girdH/10);
        gc.strokeLine(girdW/2 + girdW*7 + girdW/10,girdH/2 + girdH*7 +girdH/10,girdW/2 + girdW*7 + girdW/10,girdH/2 + girdH*7 +girdH/3);



    }

    public static  void drawShapes(GraphicsContext gc) {
        gc.setFill(Color.GREEN);
        gc.setStroke(Color.BLACK);
        gc.setLineWidth(1);
        gc.setTextAlign(TextAlignment.CENTER);
        gc.setFont(new Font("", fontSize));
        drawPlace(gc);
        drawChess(gc);
    }

}

 

Chess类

package sample.utils;

import sample.Main;

import static sample.Main.chessW;
import static sample.Main.girdH;
import static sample.Main.girdW;

public class Chess {
    int i,j;
    //半径
    double w = (chessW + 1) * 2;
    String chessName;
    String color;
    boolean select;

    public Chess( int i ,int j , String chessName ,String color){
        this.i =  i;
        this.j =  j;
        this.chessName =  chessName;
        this.color =  color;
    }
    public int getCode(){
        //兵1 炮2 車3 马4 相5 士6 将7 红
        //卒-1 炮-2 車-3 马-4 相-5 士-6 帅-7 黑
        if(Main.colorR.equals(color)){
            return
                "兵".equals(chessName)?1:
                "炮".equals(chessName)?2:
                "車".equals(chessName)?3:
                "馬".equals(chessName)?4:
                "相".equals(chessName)?5:
                "仕".equals(chessName)?6:
                "帥".equals(chessName)?7:
                    0;

        }else{
            switch (chessName){
                case "卒":
                    return -1;
                case "炮":
                    return -2;
                case "車":
                    return -3;
                case "馬":
                    return -4;
                case "象":
                    return -5;
                case "士":
                    return -6;
                case "將":
                    return -7;
            }
        }
        return 0;
    }

    public Double getX(){
        return girdW/2 - chessW + girdW*i;
    }
    public Double getY(){
        return girdH/2 - chessW  + girdH*j;
    }
    public Double getX( int x){
        return girdW/2 - chessW + girdW*x;
    }
    public Double getY(int y){
        return girdH/2 - chessW  + girdH*y;
    }
    public int getI() {
        return i;
    }

    public void setI(int i) {
        this.i = i;
    }

    public int getJ() {
        return j;
    }

    public void setJ(int j) {
        this.j = j;
    }

    public double getW() {
        return w;
    }

    public void setW(double w) {
        this.w = w;
    }

    public String getChessName() {
        return chessName;
    }

    public void setChessName(String chessName) {
        this.chessName = chessName;
    }

    public String getColor() {
        return color;
    }

    public void setColor(String color) {
        this.color = color;
    }

    public boolean isSelect() {
        return select;
    }

    public void setSelect(boolean select) {
        this.select = select;
    }
}

 

Can Move Utils 这个类还在写，主要计算可走的位置

package sample.utils;

import java.util.ArrayList;
import java.util.List;

import sample.Main;

import static sample.Main.chesses;

public class CanMoveUtils {

    public static List<Integer[]> bingMove(Chess chess ){
        int i = chess.getI();
        int j = chess.getJ();
        if(chesses[j][i] != chess){
            System.out.println("exp");
        }
        List<Integer[]> list = new ArrayList<>();
        if(Main.colorR.equals(chess.getColor())){
            if(j<5){
                if(j>0){
                    if(chesses[j-1][i] ==null){
                        Integer[] integers = {i,j-1};
                        list.add(integers);
                    }else{
                        if(!chesses[j-1][i].color.equals(chess.getColor())){
                            Integer[] integers = {i,j-1};
                            list.add(integers);
                        }
                    }
                }
                if(i>0){
                    if(chesses[j][i-1] ==null){
                        Integer[] integers = {i-1,j};
                        list.add(integers);
                    }else{
                        if(!chesses[j][i-1].color.equals(chess.getColor())){
                            Integer[] integers = {i-1,j};
                            list.add(integers);
                        }
                    }
                }
                if(i<9){
                    if(chesses[j][i+1] ==null){
                        Integer[] integers = {i+1,j};
                        list.add(integers);
                    }else{
                        if(!chesses[j][i+1].color.equals(chess.getColor())){
                            Integer[] integers = {i+1,j};
                            list.add(integers);
                        }
                    }
                }
            }
        }
        return list;
    }
}

 

背景图