上一话中我们介绍了滑动视图的用法,这一话来写一个滑动视图的Demo,Demo中还会涉及到多线程编程的知识。新建一个工程Cassini。
新建一个控制器ImageViewController,它的任务就是显示一个很大的图片。在控制器中设置两个私有变量:
private var imageView = UIImageView() private var image:UIImage? { get {return imageView.image} set { imageView.image = newValue imageView.sizeToFit() } }
注意这里的image属性是个计算属性,因为在赋值的同时我想让它做更多的事情,可以看到在set方法中增加了一个imageView的方法sizeToFit,这个方法可以让imageView中的图片变更之后修改View本身的尺寸以适应新的图片尺寸。然后在viewDidLoad生命周期方法中添加这个子视图。
override func viewDidLoad() { super.viewDidLoad() view.addSubview(imageView) }
然后开始构建模型,模型是一个图片的url,它应该是可以被操控的所以是一个公有属性:
var imageURL:NSURL? { didSet{ image = nil fetchImage() } }属性中添加了观察器,在值改变的时候把之前的值置空,然后调用fetchImage方法重新通过url获得图片,下面是fetchImage方法:
func fetchImage(){ if let url = imageURL { let imageData = NSData(contentsOfURL: url) if imageData != nil{ image = UIImage(data: imageData!) } else { image = nil } } }但是这里的问题是如果在没有wifi的情况下使用蜂窝网络获取图片可能会很慢,在后面会解决这个问题。另外如果不在这个界面上的时候修改了url的时候图片也会开始下载,这不是我们希望看到的,所以我们需要判断这个界面是否是用户正在使用的界面。修改如下:
首先当前页面不是用户在使用的页面的话图片不会开始下载:
var imageURL:NSURL? { didSet{ image = nil if view.window != nil{ fetchImage() } } }
如何回到当前页面再开始下载?答案是利用APP的生命周期方法viewWillAppear,当图片界面将要出现时会调用这个方法,注意之前的属性观察器url改变后image是被置于nil的,所以当我们回到图片的视图之前判断图片为空那么会调用加载图片的方法,由于这个生命周期方法只调用一次,所以不用担心重复加载。如果是初次加载或者新的url并不是图片该怎么办呢?由于模型和控制器通信是通过url的,所以应该设置一个默认的URL,我们新建一个模型层用来保存URL:
import Foundation struct DemoURL { static let swift = NSURL(string: "http://imgq.duitang.com/uploads/item/201301/30/20130130231316_ZZR4d.jpeg")//默认URL struct Fengjing{ static let fengjing1 = NSURL(string: "http://image6.tuku.cn/pic/wallpaper/fengjing/qiutiandehu/014.jpg") static let fengjing2 = NSURL(string: "http://image6.tuku.cn/pic/wallpaper/fengjing/qiutiandehu/015.jpg") static let fengjing3 = NSURL(string: "http://image6.tuku.cn/pic/wallpaper/fengjing/qiutiandehu/016.jpg") } }
现在回到ImgaeViewController中,初次加载时不会显示图片,因为没有设置URL,为了展示效果我们在viewDidLoad中增加一个默认图片作为测试,我们会在后面删除这个代码
override func viewDidLoad() { super.viewDidLoad() view.addSubview(imageView) if image == nil{ imageURL = DemoURL.swift//默认URL } }
运行一下看看
很NICE对不对?毕竟我们学的是Swift语言,就用霉霉做默认图片吧。但是现在时不能拖动和缩放的。