用Swift写围棋App-03StoryBoard

已完成章节索引

用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算法改进

基本上,我的构思是这样的:
A: 应用启动后,进入一个棋谱列表,可以看到一些可用的棋谱;
B: 每一个棋谱,会有一个标题,比如“第一届日本最强者决定战吴清源对高川格”,还有一些小字说明额外的信息,比如“对弈时间:1957年2月20日”;
C: 用户选中一行后,应用会加载相应的棋谱;

从这个设想来看,一个典型的UINavigatioController + UITableView似乎可以构成主要的UI。

打开Main.stroyboard,选中之前Xcode自动创建的那个ViewController,在菜单中找到Editor->Embed In -> Navigation Controller。

在这个ViewController上拖一个UITableView;
再在StoryBorad中加入一个新的UIViewController;
在 UITableView中选中ContentView,按住control + command键,拖到新的ViewController上,建一个Show的Segue。

将XCode创建的ViewController改名叫HomeViewController,就是步骤A的界面了。
然后新建一个UIViewController的子类,命名为GameViewController,就是用来在步骤C中加载棋谱的了。

现在的Stroyboard是这个样子的:

Screen Shot 2015-12-27 at 6.19.07 PM.png

运行一下,执行成功,界面是空的。
接下来,让我们弄点测试数据,让界面丰满起来。

建一个新的Swift类,命名为GameInfo,代码如下:

import Foundation

class GameInfo: NSObject {
    
    var title: String = ""
    var metaInfo: String = ""
}

然后在HomeViewController中敲入如下代码:

import UIKit

 public class HomeViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
    
    var _games:[GameInfo] = [GameInfo]()
    @IBOutlet weak var _tblGames:UITableView!
    
    override public func viewDidLoad() {
        super.viewDidLoad()
        
        let game1 = GameInfo()
        game1.title = "第一届日本最强者决定战吴清源对高川格"
        game1.metaInfo = "对弈时间:1957年2月20日"
        _games.append(game1)

    let game2 = GameInfo()
        game2.title = "MarkNote对弈李昌镐"
        game2.metaInfo = "对弈时间:2015年12月28日"
        _games.append(game2)

        
        _tblGames.delegate = self
        _tblGames.dataSource = self
        
        
        
    }
    
    @objc public func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return _games.count
    }
    
    @objc public func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        let row = indexPath.row
        let game = _games[row]
        
        let cell = _tblGames.dequeueReusableCellWithIdentifier("GameCell", forIndexPath: indexPath)
        cell.textLabel?.text = game.title
        cell.detailTextLabel?.text = game.metaInfo
        return cell
        
    }
}

注意,这里因为UITableViewDataSource, UITableViewDelegate是Objective-c中定义的,所以这个HomeViewController必须声明为public的。否则一堆错误。
修改完毕,运行是这个样子的:

Simulator Screen Shot 27 Dec 2015, 7.09.39 PM.png

看起来很好,将代码push到 github上
https://github.com/marknote/GoTao

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 已完成章节索引 用Swift写围棋App-00序用Swift写围棋App-01准备工作用Swift写围棋App-0...
    MarkNote阅读 2,697评论 3 3
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,259评论 4 61
  • 已完成章节索引 已完成章节索引 用Swift写围棋App-00序用Swift写围棋App-01准备工作用Swift...
    MarkNote阅读 2,606评论 3 7
  • 公司的这个项目做了一年,感觉自己有了很大的提升。决定把这一年来做的比较好比较有用的一些东西抽出来记录下来。既能整理...
    陈小狮_Teresa阅读 3,546评论 2 2
  • 杨绛前天去世,朋友圈、QQ空间又是一圈疯转,众评纷纭,说德艺双馨者有之,说文以载道者有之,说大师楷模者有之。...
    春海唱晓阅读 282评论 0 0