Swift多線程之Operation:異步加載CollectionView圖片

文章如今基本上變成周更,實際上是很辛苦的。/(ㄒoㄒ)/~~git

其實俺也不想,俺也想學那些勤奮好學的小盆友們,麻利兒的日更。可是臣妾作不到啊,超有難度。就這篇仍是在抗爭了無數拖延症以後,給本身下了死命令,心理想:「今天必須更新,必須更新!!」github

就這樣,給本身立下的最後截稿日以後的三天,終於寫完了這個例子。編程

image.png

咱們分享了Operation的一些基礎知識,實現了基礎的多線程案例,也知道了怎麼設置優先級了。數組

今天的開餐小菜是看看怎麼設置一個依賴關係的Demo。而後就是一道相對豐盛的大菜,使用Operation在CollectionView上實現子線程加載圖片的案例。這個例子其實在生產中常常能夠遇見。先把界面加載出來,而後再慢慢往item裏面加載圖片。bash

這個例子故意寫的稍微複雜了一點,也是爲了多學習點新東西嘛。多線程

敲黑板敲黑板敲黑板。知識點有:自定義Operation子類、map函數、Swift新增的元組數據類型。閉包

下面是最終實現的CollectionView異步加載圖片的例子效果: 併發

collectionDemo.gif

1. Operation 設置依賴關係

高樓大廈從地起,咱們就從今天餐前小點開始。先看看如何設置operation的依賴關係。異步

啥叫依賴關係?有啥用啊?async

打個比方我們要作一個聽音樂的付費App項目,須要通過登錄、付費、下載、播放四個步驟。其實一看就明白,這四個操做是有前後順序的,但假如全部的操做都是多線程,我們怎麼控制順序? 經過設置「優先級」?NO!優先級沒有辦法幹這個事情。要是以爲設置優先級能夠實現的,請回去看看俺上一篇文章。Swift多線程之Operation:按優先級加載圖片

咱們能夠經過設置依賴關係,創建起前後的順序。只有當一個 operation 所依賴的全部 operation 都執行完成時,這個 operation 才能開始執行。

而且,operation是能夠跨隊列創建依賴關係的噢!operation是能夠跨隊列創建依賴關係的噢!operation是能夠跨隊列創建依賴關係的噢!說了三遍。

須要小小注意的是,要先將operation的依賴關係創建好以後再添加到隊列中。

我們仍是藉助上次的那個模板來看看。哎呀哎呀,不要逼我新寫模板了嗎,要講究複用。實際上是懶得寫新的,懶死算了。

dependency.gif

看到沒?圖片是按照從上到下依次加載的,再也不像以前亂七八糟的順序顯示的了吧。

代碼很簡單,請看:

fileprivate func startDepencyDemo() {
   operationQueue.maxConcurrentOperationCount = 4
    self.activityIndicator.startAnimating()
    guard let url = URL(string: "https://placebeard.it/355/140") else {return }
    let op1 = convenienceOperation(setImageView: imageView1, withURL: url)
    let op2 = convenienceOperation(setImageView: imageView2, withURL: url)
    op2.addDependency(op1)
    let op3 = convenienceOperation(setImageView: imageView3, withURL: url)
    op3.addDependency(op2)
    let op4 = convenienceOperation(setImageView: imageView4, withURL: url)
    op4.addDependency(op3)
    
    DispatchQueue.global().async {
        [weak self] in
        self?.operationQueue.addOperations([op1,op2,op3,op4], waitUntilFinished: true)
        DispatchQueue.main.async {
            self?.activityIndicator.stopAnimating()
        }
    }
   
}
複製代碼

好啦,接下來看看寫那個異步加載CollectionView圖片怎麼搞。在這個以前,須要補充點前置知識。

2. 前置知識點內容

2.1 自定義Operation子類

Operation操做狀態.png

  • operation狀態是Finished的時候,是沒有辦法取消的。
  • operation成功、失敗、或者被取消,isFinished都會被設置爲true。因此請不要依靠這個屬性來判斷是否是成功執行了。

2.1.1 須要重寫的地方

創建一個Operation的能夠併發的子類可能稍微麻煩一點點。默認狀況下,operation的子類是同步執行的,若是要建立一個可以併發的子類,咱們可能須要重寫一些方法。

  1. start: 全部並行的 Operations 都必須重寫這個方法,而後在想要執行的線程中手動調用這個方法。注意:任什麼時候候都不能調用父類的start方法。

  2. main: 可選的。儘管咱們能夠在start方法中執行任務,可是使用main來設置執行任務的代碼,可讓operation的結構更加清晰。

  3. isExecuting: 必須的。是否執行中。,須要實現KVO通知機制。

  4. isFinished: 必須的。是否已完成。,須要實現KVO通知機制。

  5. isAsynchronous:必須的。該方法默認返回 false ,表示非併發執行。併發執行須要自定義而且返回 true

2.1.2 代碼實現

fileprivate var _executing : Bool = false

override var isExecuting: Bool {
    get { return _executing }
    set {
        if newValue != _executing {
            willChangeValue(forKey: "isExecuting")
            _executing = newValue
            didChangeValue(forKey: "isExecuting")
        }
    }
}

fileprivate var _finished : Bool = false
override var isFinished: Bool {
    get { return _finished }
    set {
        if newValue != _finished {
            willChangeValue(forKey: "isFinished")
            _finished = newValue
            didChangeValue(forKey: "isFinished")
        }
    }
}



override var isAsynchronous: Bool {
    get {
        return true
    }
}

override func start() {
    if !isCancelled {
        isExecuting = true
        isFinished = false
        startOperation()
    } else {
        isFinished = true
    }
複製代碼

有童鞋大概很奇怪,爲何要定義_executing_finished

image.png

看到了嗎?只給了get方法,沒有給set方法。因此沒有辦法直接使用這個屬性。

2.1.3 取消操做的說明

operation不是說把屬性isCancelled設置一下就行了。其實這個屬性起到的做用只是一個標識,咱們在寫代碼的時候須要按期檢查isCancelled這個值,若是是ture,咱們須要當即中止執行接下來的任務。

2.2 map函數

map是幹嗎的吶?先舉個栗子,會更容易理解一下下哈。

看看代碼:

let testNumberArray = [1,2,3,4,5,6,7,8,9]
print("沒有使用map以前的打印結果:\(testNumberArray)")

let newArray = testNumberArray.map{$0 + 2}
print("newArray的打印結果:\(newArray)")


let stringArray = testNumberArray.map { (number) -> String in
  return "No.\(number.description)"
}
print("stringArray的打印結果:\(stringArray)")
複製代碼

有點懵是否是?不要緊,咱們來看看打印結果是什麼:

image.png

有沒有很神奇?一個數組,簡簡單單就變成了兩個數組。

Swift是支持一門函數式編程的語言,Map是針對集合類型的操做。map方法會遍歷調用者,對數組中的每個元素執行閉包中定義的操做。

我們newArray執行的操做就是把testNumberArray數組中每個元素都加了2。

stringArray執行的操做就是把testNumberArray數組中每個元素變成字符串,前面加上「No.」

What's the fxxk! 厲不厲害?厲不厲害?針對集合的操做還有FlatMap,Filter,Reduce,有興趣的童鞋請自行研究哈。

2.3 Swift新增的元組數據類型

元組實際上是一個複合值。簡單的而說,就是使用圓括號把多個值組合成一個複合值。元組內的值可使用任意類型,元組並不要求元組內的值具備相同的類型。

let (day, content) = (30,"今每天氣不錯")
複製代碼

上面這個就是最簡單的一個元組定義。

這是進階一點的。

let week = (name : "星期一" , order : 1)
        
//        能夠很快捷的取出數值
        let weekName = week.name
        let weekOrder = week.order
複製代碼

元組不是我們今天的重點,只是在demo裏面用到了,就要稍微提一下。

元組能夠與Switch大牌進行復雜條件的判斷;能夠做爲方法的返回值,來返回多個數值;能夠僞裝成結構體使用;

3. CollectionView中圖片進行異步加載

來看一下思惟導圖:

image.png

源代碼各位能夠自行下載觀看,只有Swift版本的下載

非典型技術宅胖好像說了句廢話,由於代碼中用了Swift特有的數據格式,固然提供不了Objective-C的源碼了。並且文章的標題就是「Swift多線程之Operation」。請原諒我在文章裏面加入了非典型技術宅,俺的ID。實在是有些童鞋在轉載的時候徹底不署名,╮(╯▽╰)╭哎

給item賦值圖片的重點地方的代碼:

override func collectionView(_ collectionView: UICollectionView, willDisplay cell: UICollectionViewCell, forItemAt indexPath: IndexPath) {
    let cell = cell as! CollectionCell
    let (item, operation) = imageOps[indexPath.row]
    //        只是以防萬一,咱們先中止一下操做
    operation?.cancel()
    weak var weakCell = cell
    
    let newOp = ImageLoadOperation(forItem: item) { (image) in
        DispatchQueue.main.async {
            weakCell?.imageView.image = image
        }
    }
    
    imageLoadQueu.addOperation(newOp)
    imageOps[indexPath.row] = (item, newOp)
}
複製代碼

感謝各位收看,今天的新聞聯播到此結束。

有錢的大爺就點擊下方打賞點賣笑錢,有力氣的就在github上給個星星✨。或者在評論裏面我們聊聊天,吹吹牛也行。hiahia~

噢,預告一下。按照以前的計劃,下一篇應該是GCD基礎。O~M~G,好枯燥。

  • 最後,全部的代碼都放在這裏了:gitHub 下載後給顆Star吧~ 麼麼噠~(~o ̄3 ̄)~ 愛大家~
相關文章
相關標籤/搜索