用Swift写围棋App－08绘制每一手棋

已完成章节索引

用Swift写围棋App－00序
用Swift写围棋App－01准备工作
用Swift写围棋App－02建立工程
用Swift写围棋App－03StoryBoard
用Swift写围棋App－04棋盘
用Swift写围棋App－05初识棋谱
用Swift写围棋App－06解析器初版
用Swift写围棋App－07解析器改进
用Swift写围棋App－08绘制每一手棋
用Swift写围棋App－09分片算法
用Swift写围棋App－10气的算法
用Swift写围棋App－11算法改进

要绘制棋子其实不难：

• 首先，每一手棋要么是黑棋，要么是白棋，这个可以通过绘制UIImage来实现

        let imgBlack = UIImage(named: "Black.png")
        let imgWhite = UIImage(named: "White.png")

• 其次，每一手棋的位置信息，都已经在 Move对象中了。我们只需要挨个往棋谱上放就好了。

改进后的棋谱View代码如下：

import UIKit

class GobanView: UIView {
    var moves:[Move]?

    override func drawRect(rect: CGRect) {
        
        let ctx = UIGraphicsGetCurrentContext()
        let rec = CGContextGetClipBoundingBox(ctx)
        let w = rec.size.width;
        //back ground image
        let background = UIImage(named:"board_back")
        
        CGContextDrawImage(ctx, rec, background!.CGImage )
        let space = w/20.0
        drawLines(ctx!,space:space,w:w)
        drawDots(ctx!,space:space)
        if (moves != nil  && moves?.count > 0)  {
            drawMoves(ctx!, stoneSize: space)
        }
        
    }
    func drawLines(ctx:CGContext,space:CGFloat, w:CGFloat){
        CGContextSetRGBStrokeColor(ctx, 0, 0, 0, 1)
        CGContextSetLineWidth(ctx, 0.4)
        CGContextBeginPath(ctx)
        
        for(var i=0;i<=18;i++)
        {
            
            CGContextMoveToPoint(ctx, (CGFloat(i+1))*space, space)
            CGContextAddLineToPoint(ctx, (CGFloat(i+1))*space, w-space)
            CGContextStrokePath(ctx)
        }
        for(var i=0;i<=18;i++)
        {
            
            CGContextMoveToPoint(ctx, space,(CGFloat(i+1))*space);
            CGContextAddLineToPoint(ctx,w-space, (CGFloat(i+1))*space);
            CGContextStrokePath(ctx);
        }

    }
    func drawDots(ctx:CGContext,space:CGFloat){
        for (var i=0;i<=2;i++)
        {
            for(var j=0;j<=2;j++)
            {
                CGContextBeginPath(ctx);
                
                CGContextAddArc(ctx, (CGFloat(1+3+6*i))*space ,CGFloat(1+3+6*j)*space, 2, 0, CGFloat(2.0*M_PI), 1);
                
                CGContextStrokePath(ctx);
            }
        }

    }
    
    func drawMoves(ctx:CGContext,stoneSize:CGFloat ){
        // chess
        let imgBlack = UIImage(named: "Black.png")
        let imgWhite = UIImage(named: "White.png")
       
        let  count = moves?.count
        for (var i = 0; i < count; i++ )
        {
            let move = moves![i]
            let imageRect = CGRectMake( (CGFloat(move.location.x)+0.5)*stoneSize,(CGFloat(move.location.y)+0.5)*stoneSize, stoneSize, stoneSize);
            if move.type == .White
            {
                CGContextDrawImage(ctx, imageRect, imgWhite?.CGImage)
            }else
            {
                CGContextDrawImage(ctx, imageRect, imgBlack?.CGImage )
                
            }
        }
    }

}

现在，只需将棋谱信息传给棋谱GobanView就好了。
为了能一步步的演示，我们每次只需要传从第一手，到当前手就好了。核心代码如下：

let moves = _game.allMoves[0..<_currentMove]
            _goban.moves = Array(moves)
            _goban.setNeedsDisplay()

然后在GameViewController中加上前进和后退的事件:

@IBAction func backClick(sender:UIBarItem){
        _currentMove -= 1
        if (_currentMove < 0){
            _currentMove = 0
        }
        showMoves()
    }
    
    @IBAction func forwardClick(sender:UIBarItem){
        _currentMove += 1
        if (_currentMove > _game.allMoves.count - 1){
            _currentMove = _game.allMoves.count - 1
        }
        showMoves()
    }
    func showMoves(){
        if _game.allMoves.count > 0 {
            let moves = _game.allMoves[0..<_currentMove]
            _goban.moves = Array(moves)
            _goban.setNeedsDisplay()
            _lblTitle.text = "\(_game.playerBlack) v \(_game.playerWhite)   \(_currentMove + 1) / \(_game.allMoves.count)"
        }
    }

好了，激动人心的时刻到来了。
我们运用应用，效果如下：

Simulator Screen Shot 30 Dec 2015, 10.15.59 PM.png

太好了！
现在可以点击演示每一手棋了！
打谱的功能基本完成！
目前还有几个小问题。其中最大的问题在于，程序只知道加载所有的棋，不知道提子，也就是除去没有气的棋子。
这个问题需要研究一下算法，我们后面再弄。
现在push最新的代码到github:https://github.com/marknote/GoTao

你可以编译，好好把玩一下了！