中国象棋游戏开发实战（C#）【三】

[rufengit]

三、具体功能实现
1、绘制棋盘
千里之行始于足下，玩象棋首先要有棋盘，怎么绘制棋盘呢？我们在主窗体上添加一个PictureBox控件（命名为chessboard），就是图4中左侧的那个木纹控件，在他的上面用GDI+来画棋盘即可。提到GDI+绘图，就离不开OnPaint事件，这个事件对于C#程序员来说不算陌生吧？每当界面需要刷新时，就会调用OnPaint事件，我们需要做的就是在这个事件的处理方法中添加自己的绘图代码就可以了。

大家想一下，绘制棋盘是谁的职责呢？我们知道，在面向对象程序设计思想中，有一条很重要的规则，就是SRP（单一职责原则），一个类尽量只负责自己需要负责的职责，该谁的责任就是谁的责任，一个方法应该归属于他应该归属的类。很显然，棋盘类负责绘制棋盘，这一点我们在前面也说过。
OK，我们建立一个棋盘类，命名为ChessBoard，在该类中添加一个Draw方法，来负责绘制棋盘基本结构。Draw方法的声明如下：

  /// <summary>
        /// 绘制棋盘
        /// </summary>
        /// <param name="g">Graphics对象</param>
        public void Draw(Graphics g)
        {
        }

要绘制棋盘，首先要先把网格线画出来，就是中国象棋棋盘的10行9列的网格（图5）。原理很简单，就是调用Graphics对象的DrawRectangle、DrawLine等方法。

在这里需要先声明几个属性或变量：
BoradWidth：棋盘的宽度；
BoradHeight：高度；
LINE_WEIGHT：线条宽度；
sW：棋盘中每个小格子的宽度；
sH：棋盘中每个小格子的高度；
这里需要着重强调一下LINE_WEIGHT变量，为什么要声明线条宽度呢？因为我们平时用GDI+绘制矩形或直线时，很少会注意到线条的宽度，但在绘制棋盘的过程中，线条是会占用宽度的，只不过默认是1像素。图6表示了GDI+绘制直线时线条是占用宽度的，其中，AB之间的部分是代表线条宽度，红线为AB的中线，GDI+绘制直线时，以中线C为直线的X坐标，根据指定的宽度，在中线两侧渲染直线。

所以，绘制棋盘最外侧矩形边框的代码如下所示，需要考虑到线条宽度和外边框矩形和最外侧的留白部分（图7中的A、B两部分）。

  //绘制外边框
            g.DrawRectangle(pen,
                LINE_WEIGHT / 2 + sW / 2,
                LINE_WEIGHT / 2 + sH / 2,
                BoradWidth - LINE_WEIGHT - sW,
                BoradHeight - LINE_WEIGHT - sH);

同理，绘制平行横线和平行竖线通过两个循环即可实现，如下。在绘制过程中，同样要考虑到线条宽度的影响。

//绘制纵向线段
            for (float i = sW / 2 + LINE_WEIGHT / 2; i < BoradWidth; i += (sW + LINE_WEIGHT))
            {
                g.DrawLine(pen,
                    i,
                    sH / 2 + LINE_WEIGHT / 2,
                    i, 
                    (LINE_WEIGHT + sH) * (BOARD_META_HEIGHT / 2 - 1) + sH / 2 + LINE_WEIGHT / 2);
                g.DrawLine(pen,
                    i, 
                    (LINE_WEIGHT + sH) * (BOARD_META_HEIGHT / 2) + sH / 2 + LINE_WEIGHT / 2, 
                    i, 
                    BoradHeight - sH / 2 - LINE_WEIGHT / 2);
            }

            //绘制横向线段
            for (float j = sH / 2 + LINE_WEIGHT / 2; j < BoradHeight; j += (sH + LINE_WEIGHT))
            {
                g.DrawLine(pen, sW / 2 + LINE_WEIGHT / 2, j, BoradWidth - sW / 2 - LINE_WEIGHT / 2, j);

现在我们已经绘制好了棋盘的格子，至于九宫格、“楚河汉界”字样、炮位、兵位，道理都是一样的，这里就不再赘述了。OK，到现在为止，我们已经把棋盘的整体绘制完毕了。
在介绍如何绘制棋子之前，还要在棋盘类ChessBoard中添加一个byte类型的静态二维数组Matrix，定义如下，该数组用于记录棋盘矩阵各个位置处有没有棋子，有棋子的地方为1，没有则为0。

 /// <summary>
        /// 棋盘矩阵
        /// </summary>
        public static byte[,] Matrix = new byte[BOARD_META_HEIGHT, BOARD_META_WIDTH];