【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记29 URL的使用

简介:     上一话中我们介绍了滑动视图的用法,这一话来写一个滑动视图的Demo,Demo中还会涉及到多线程编程的知识。

    上一话中我们介绍了滑动视图的用法,这一话来写一个滑动视图的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语言,就用霉霉做默认图片吧。但是现在时不能拖动和缩放的。






目录
相关文章
|
15天前
编程笔记 html5&css&js 020 HTML URL
编程笔记 html5&css&js 020 HTML URL
|
15天前
|
iOS开发
iOS App Store 上传项目报错 缺少隐私政策网址 (URL) 解决方法
iOS App Store 上传项目报错 缺少隐私政策网址 (URL) 解决方法
iOS App Store 上传项目报错 缺少隐私政策网址 (URL) 解决方法
|
8月前
|
iOS开发
解决alert在ios版微信中显示url的问题(重写alert)
解决alert在ios版微信中显示url的问题(重写alert)
73 0
|
9月前
|
前端开发
前端学习笔记202307学习笔记第五十五天-node-客户端,服务器,Url之3
前端学习笔记202307学习笔记第五十五天-node-客户端,服务器,Url之3
36 1
|
9月前
|
前端开发
前端学习笔记202307学习笔记第五十五天-node-客户端,服务器,Url
前端学习笔记202307学习笔记第五十五天-node-客户端,服务器,Url
40 0
|
9月前
|
前端开发
前端学习笔记202307学习笔记第五十五天-node-客户端,服务器,Url之2
前端学习笔记202307学习笔记第五十五天-node-客户端,服务器,Url之2
47 0
|
10月前
|
数据可视化 Python
Python Flask Echarts数据可视化图表实战晋级笔记(3)Blueprint蓝图解决单文件url分发
Python Flask Echarts数据可视化图表实战晋级笔记(3)Blueprint蓝图解决单文件url分发
74 0
|
11月前
|
前端开发
前端学习笔记202303学习笔记第三天-Vue3.0-url-loader的loader格式
前端学习笔记202303学习笔记第三天-Vue3.0-url-loader的loader格式
46 0
|
11月前
|
前端开发
前端学习笔记202303学习笔记第三天-Vue3.0-url-loader的loader格式
前端学习笔记202303学习笔记第三天-Vue3.0-url-loader的loader格式
46 0
|
iOS开发
iOS URL参数转字典
iOS URL参数转字典
138 0