开始
下载初始项目并解压,在 Xcode 中打开 BlueLibrarySwift.xcodeproj 项目文件。
项目中有三个地方需要注意一下:
ViewController有两个IBOutlet,分别连接到了UITableView和UIToolBar上。- 在 StoryBoard 上有三个组件设置了约束。最上面的是专辑的封面,封面下面是列举了相关专辑的列表,最下面是有两个按钮的工具栏,一个用来撤销操作,另一个用来删除你选中的专辑。 StoryBoard 看起来是这个样子的:

- 一个简单的 HTTP 客户端类 (HTTPClient) ,里面还没有什么内容,需要你去完善。
注意:其实当你创建一个新的 Xcode 的项目的时候,你的代码里就已经有很多设计模式的影子了: MVC、委托、代理、单例 - 真是众里寻他千百度,得来全不费功夫。
在学习第一个设计模式之前,你需要创建两个类,用来存储和展示专辑数据。
创建一个新的类,继承 NSObject 名为 Album ,记得选择 Swift 作为编程语言然后点击下一步。
打开 Album.swift 然后添加如下定义:
1. var title : String!
2. var artist : String!
3. var genre : String!
4. var coverUrl : String!
5. var year : String!
这里创建了五个属性,分别对应专辑的标题、作者、流派、封面地址和出版年份。
接下来我们添加一个初始化方法:
1. init(title: String, artist: String, genre: String, coverUrl: String, year: String) {
2. super.init()
3. self.title = title
4. self.artist = artist
5. self.genre = genre
6. self.coverUrl = coverUrl
7. self.year = year
8. }
这样我们就可以愉快的初始化了。
然后再加上下面这个方法:
1. override var description: String {
2. return "title: \(title)" +
3. "artist: \(artist)" +
4. "genre: \(genre)" +
5. "coverUrl: \(coverUrl)" +
6. "year: \(year)"
7. }
这是专辑对象的描述方法,详细的打印了 Album 的所有属性值,方便我们查看变量各个属性的值。
接下来,再创建一个继承自 UIView 的视图类 AlbumView.swift。
在新建的类中添加两个属性:
1. private var coverImage: UIImageView!
2. private var indicator: UIActivityIndicatorView!
coverImage 代表了封面的图片,indicator 则是在加载过程中显示的等待指示器。
这两个属性都是私有属性,因为除了 AlbumView 之外,其他类没有必要知道他俩的存在。在写一些框架或者类库的时候,这种规范十分重要,可以避免一些误操作。
接下来给这个类添加初始化化方法:
1. required init?(coder aDecoder: NSCoder) {
2. super.init(coder: aDecoder)!
3. }
5. init(frame: CGRect, albumCover: String) {
6. super.init(frame: frame)
7. backgroundColor = UIColor.blackColor()
8. coverImage = UIImageView(frame: CGRectMake(5, 5, frame.size.width - 10, frame.size.height - 10))
9. addSubview(coverImage)
10. indicator = UIActivityIndicatorView()
11. indicator.center = center
12. indicator.activityIndicatorViewStyle = .WhiteLarge
13. indicator.startAnimating()
14. addSubview(indicator)
15. }
因为 UIView 遵从 NSCoding 协议,所以我们需要 NSCoder 的初始化方法。不过目前我们没有 encode 和 decode 的必要,所以就把它放在那里就行,调用父类方法初始化即可。
在真正的初始化方法里,我们设置了一些初始化的默认值。比如设置背景颜色默认为黑色,创建 ImageView 并设置了 margin 值,添加了一个加载指示器。
最终我们再加上如下方法:
1. func highlightAlbum(didHighlightView didHighlightView: Bool) {
2. if didHighlightView == true {
3. backgroundColor = UIColor.whiteColor()
4. } else {
5. backgroundColor = UIColor.blackColor()
6. }
7. }
这会切换专辑的背景颜色,如果高亮就是白色,否则就是黑色。
在继续下面的内容之前, Command + B 试一下确保没有什么问题,一切正常?那就开始第一个设计模式的学习啦!
完成到这一步的Demo:
