数据模型
接下来创建数据模型。
首先我们来熟悉一下Xcode项目文件的组织结构:
默认模板会创建一个以项目名称为名的文件夹。在这个文件夹下有一个supporting files的子文件夹,其中存放plist和资源文件。当项目很大时,会创建大量的文件,查找文件就会变得很困难。因此我们需要有一个良好的项目文件组织形式。
首先,我们新建一个文件夹(group),命名为GUI。在ScaryBugsMac文件夹上点击右键,将弹出一个快捷菜单,选择NewGroup,然后输入GUI。
然后将所有跟UI有关的文件拖到这个文件夹( AppDelegate.swift, MasterViewController.swift/.xiband MainMenu.xib),如下图所示:
然后新建另一个文件夹Model。
在Model文件夹中将包含如下内容
· ScaryBugData: 包含两个属性:昆虫的名称及昆虫的估价。
· ScaryBugDoc: 包含3个属性:昆虫图片、昆虫缩略图及一个ScaryBugData属性。
实现模型对象
注意: 如果你阅读过 How ToCreate A Simple iPhone App on iOS 5 Tutorial, 你会发现接下来的内容和那篇教程中的相应内容几乎一模一样。这是因为Mac和iOS编程大部分SDK都是系统的,除了UI和操作系统相关的API。而模型对象不涉及UI,因此模型对象的代码基本是一致的。
对于ScaryBug的模型类,将Mac版本与iOS版本只有一个地方不同,即将UIImage类修改为NSImage即可。当然,你也需要将它从O-C实现修改为Swift实现。
在Model文件夹上点击右键,点击 “New File…”,然后选择OS X\Source\Cocoa Class 模板,然后点击Next。
类名输入 ScaryBugData, Subclass of 输入 NSObject ,点击 Next。
在最后一个弹出界面中,点击Create。项目导航窗口将显示如下:
打开ScaryBugData.swift 替换为如下内容:
import Foundation class ScaryBugData: NSObject { var title: String var rating: Double override init() { self.title = String() self.rating = 0.0 } init(title: String, rating: Double) { self.title = title self.rating = rating } } |
然后创建另一个模型对象ScaryBugDoc。
打开ScaryBugDoc.swift 编辑为如下内容:
import Foundation import AppKit class ScaryBugDoc: NSObject { var data: ScaryBugData var thumbImage: NSImage? var fullImage: NSImage? override init() { self.data = ScaryBugData() } init(title: String, rating: Double, thumbImage: NSImage?, fullImage: NSImage?) { self.data = ScaryBugData(title: title, rating: rating) self.thumbImage = thumbImage self.fullImage = fullImage } } |
注意thumbImage 和fullImage声明为可空的 NSImage ,因此他们不需要在默认构造函数中初始化。
打开MasterViewController.swift ,增加一个属性声明:
var bugs = [ScaryBugDoc]() |
这个数组属性用于存储昆虫列表,接下来我们将会用一些数据填充这个数组。
填充数据及图片
MasterViewController 需要用一系列昆虫来填充。你可以从此处下载所需的
昆虫图片。
下载完图片之后,,将所有图片从Finder中拖到Images.xcassets中如下图右边AppIcon之下的位置:
打开 MasterViewController.swift 添加如下方法:
func setupSampleBugs() { let bug1 = ScaryBugDoc(title: "Potato Bug", rating: 4.0, thumbImage:NSImage(named: "potatoBugThumb"), fullImage: NSImage(named: "potatoBug")) let bug2 = ScaryBugDoc(title: "House Centipede", rating: 3.0, thumbImage:NSImage(named: "centipedeThumb"), fullImage: NSImage(named: "centipede")) let bug3 = ScaryBugDoc(title: "Wolf Spider", rating: 5.0, thumbImage:NSImage(named: "wolfSpiderThumb"), fullImage: NSImage(named: "wolfSpider")) let bug4 = ScaryBugDoc(title: "Lady Bug", rating: 1.0, thumbImage:NSImage(named: "ladybugThumb"), fullImage: NSImage(named: "ladybug")) bugs = [bug1, bug2, bug3, bug4] } |
打开AppDelegate.swift ,找到 applicationDidFinishLaunching方法,在addSubview之前加入以下代码:
masterViewController.setupSampleBugs() |
编译运行程序,确保编译通过。
接下来,我们将在UI中显示这些图片和数据。