【Swift】DKImagePickerControllerの複数画像を取得する際に順番通りに取得ができない。

Question

前提・実現したいこと

度々失礼いたします。
現在、DKImagePickerControllerを導入し4枚の画像を1枚に結合する（コラージュする）機能を作成中です。

コラージュ機能はopenCV（collageImageメソッド）で実装しており、
imageArray[0]に格納されている画像→左上
imageArray[1]に格納されている画像→右上
imageArray[2]に格納されている画像→左下
imageArray[3]に格納されている画像→右下
に配置されるように作っております。

![]

上のスクショのように、取り込む順番を考え4枚の画像を選択して実行したところ

意図した配置となりませんでした。
結果として、
imageArray[0]に4番目に選択した画像
imageArray[1]に1番目に選択した画像
imageArray[2]に3番目に選択した画像
imageArray[3]に2番目に選択した画像
が格納されてしまったということです。

おそらく

self.imageArray.append(image!)

あたりの書き方が問題だと思うのですが、修正すべきか分かりません。

どのようにすれば、選択した順番通りに配列に画像を格納できるでしょうか。

どうかご教授のほど、よろしくお願いします。

該当のソースコード

//
//  ViewController.swift
//

import UIKit
import CropViewController
import AVFoundation
import DKImagePickerController

class ViewController: UIViewController, UINavigationControllerDelegate {
    
    let kGradientLayerName = "Gradient"
    
    var viewModel: ViewModel = ViewModel()
    //フラグ　0:加工　1:コラージュ
    var retouchFlug: Int = 0
    
    //base
    @IBOutlet weak var imageSizeLabel: UILabel!
    @IBOutlet weak var baseView: UIView!
    @IBOutlet weak var sourceImageView: UIImageView!
    @IBOutlet weak var sampleImageView: UIImageView!
    @IBOutlet weak var cropImageView: UIImageView!
    @IBOutlet weak var retouchSegment: UISegmentedControl!
    
    //collage
    var imageArray:[UIImage] = []
    
    override func viewDidLoad() {
        super.viewDidLoad()
        //略
    }

///1. 画像取得
extension ViewController {
    
    //コラージュボタンを押下したときの処理
    @IBAction func collageButtonDidtap(sender: AnyObject) {
        //フラグを1に
        self.retouchFlug = 1
        self.pickImages()
        // imageArrayの要素が4になるまで待ちます
        wait( { self.imageArray.count < 4 } ) {
            // 取得しました
            print("finish")
            DispatchQueue.global(qos: .default).async {
                let resultImg = OpenCVManager.shared()?.collageImage(self.imageArray[0], image2: self.imageArray[1], image3: self.imageArray[2], image4: self.imageArray[3])
                DispatchQueue.main.async {
                    self.doneRetouch(image: resultImg)
                }
            }
        }
    }
    
    // 写真を選択する
    func pickImages() {
        let picker = DKImagePickerController()
        //選択できる写真の最大数を指定
        picker.maxSelectableCount = 4
        //カメラモード、写真モードの選択
        picker.sourceType = .photo
        //キャンセルボタンの有効化
        picker.showsCancelButton = true
        //UIのカスタマイズ
        picker.UIDelegate = CustomUIDelegate()
        picker.didSelectAssets = { (assets: [DKAsset]) in
            for asset in assets {
                asset.fetchFullScreenImage(completeBlock: { (image, info) in
                    self.imageArray.append(image!)
                })
            }
        }
        //
        self.present(picker, animated: true, completion: nil)
    }
    
    /// 条件をクリアするまで待つ関数
    ///
    /// - Parameters:
    ///   - waitContinuation: 待機条件
    ///   - compleation: 通過後の処理
    private func wait(_ waitContinuation: @escaping (()->Bool), compleation: @escaping (()->Void)) {
        var wait = waitContinuation()
        // 0.01秒周期で待機条件をクリアするまで待ちます。
        let semaphore = DispatchSemaphore(value: 0)
        DispatchQueue.global().async {
            while wait {
                DispatchQueue.main.async {
                    wait = waitContinuation()
                    semaphore.signal()
                }
                semaphore.wait()
                Thread.sleep(forTimeInterval: 0.01)
            }
            // 待機条件をクリアしたので通過後の処理を行います。
            DispatchQueue.main.async {
                compleation()
            }
        }
    }

}
//略
}

補足情報（FW/ツールのバージョンなど）

Xcode Version 11.4.1
Swift Version 5.0.1
iOS 12.4.7

Answer 1

• images from library have wrong order #251

上記の議論にあるように、取得してくるデータはどこに（端末上なのかiCloud上なのかなど）あるかわからないため、非同期処理となっている上その順番は保証されていないようです。

また、現時点では選択順にダウンロードするオプションも提供されていないようです。

Comments

[yamaji1108]

TsukubaDepot様
前回に引き続き、ご回答いただきありがとうございます！
順番は保証されないのですね。配置を入れ替える機能を実装しようと思います。

今後、GitHubのissuesにも目を通すように心がけます。
ありがとうございました。