UIImageViewでスワイプ時の処理を定義したい

Question

###前提・実現したいこと
UIImageviewにおいて、スワイプを検出したい.

###発生している問題・エラーメッセージ

オブジェクトライブラリから、「Swipe Gesture Recognizer」をUIImageViewにドラッグ＆ドロップし、Attribute Inspectorからそれぞれスワイプの方向を選択し、コードにControlキーを押しながらドラッグ＆ドロップしてIBActionでrightSwiped、leftSwipedとしてコネクトしました。

配列に格納された画像のURLを用いてスワイプで次々に画像を表示していくプログラムを作成するのが最終目的ですが、画像も変わりませんし、printもsearchLabelの文字も変わらないのでスワイプが検知されていない様です。
何がいけないのでしょうか？
画像を表示するプログラムの通信している部分の理解が浅いので、そこが原因かもしれません。
なにかアドバイスを頂けるとうれしいです。
よろしくお願いします。

###該当のソースコード

import UIKit

class SearchViewController: UIViewController {
    
    @IBOutlet weak var searchLabel: UILabel!
    @IBOutlet weak var wordImage: UIImageView!
    @IBAction func rightSwiped(_ sender: Any) {
        if(imageSub != 0){
            imageSub = imageSub-1
        }
        if let url = URL(string: wordImageArray[imageSub]) {
            let req = URLRequest(url: url)
            let task = URLSession.shared.dataTask(with: req, completionHandler: {data, response, error in
                if let data = data {
                    if let anImage = UIImage(data: data) {
                        DispatchQueue.main.async {
                            self.wordImage.image = anImage
                        }
                    }
                }
            })
            task.resume()
        }
        print("右")
        searchLabel.text = "右"
    }
    
    @IBAction func leftSwiped(_ sender: Any) {
        imageSub = imageSub+1
        if let url = URL(string: wordImageArray[imageSub]) {
            let req = URLRequest(url: url)
            let task = URLSession.shared.dataTask(with: req, completionHandler: {data, response, error in
                if let data = data {
                    if let anImage = UIImage(data: data) {
                        DispatchQueue.main.async {
                            self.wordImage.image = anImage
                        }
                    }
                }
            })
            task.resume()
        }
        print("左")
        searchLabel.text = "左"
    }
    
    //関連画像URLを格納する配列
    var wordImageArray: [String] = [String]()
    
    //現在表示している画像の添字を格納する変数
    var imageSub :Int = 0;
    
    // APIを利用するためのアプリケーションID
    let apikey: String = "??????????"
    //    let appid: String = "発行したアプリケーションIDをここに設定してください"
    
    //APIを利用するためのサーチエンジンキー
    let cx: String = "???????"
    
    //利用するAPIのサーチタイプ
    let searchType: String = "image"
    
    // APIのURL
    let entryUrl: String = "https://www.googleapis.com/customsearch/v1"
    
    var resultconfirm: String = "0"
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let pasteboard = UIPasteboard.general
        let copiedText = pasteboard.string
        searchLabel.text = copiedText
        // Do any additional setup after loading the view.qqqqq
        
        // パラメータを指定する
        let parameter = ["key": apikey,"cx":cx,"searchType":searchType,"q":copiedText]
        dump(parameter)
        
        // パラメータをエンコードしたURLを作成する
        let requestUrl = createRequestUrl(parameter: parameter as! [String : String])
        
        print("リクエストURLは"+requestUrl)
        
        // APIをリクエストする
        request(requestUrl: requestUrl) { result in
            
            dump(result)
            if let url = URL(string: self.wordImageArray[0]) {
                let req = URLRequest(url: url)
                let task = URLSession.shared.dataTask(with: req, completionHandler: {data, response, error in
                    if let data = data {
                        if let anImage = UIImage(data: data) {
                            DispatchQueue.main.async {
                                self.wordImage.image = anImage
                            }
                        }
                    }
                })
                task.resume()
            }
        }
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    

    // パラメータのURLエンコード処理
    func encodeParameter(key: String, value: String) -> String? {
        // 値をエンコードする
        guard let escapedValue = value.addingPercentEncoding(withAllowedCharacters: CharacterSet.urlQueryAllowed) else {
            // エンコード失敗
            return nil
        }
        // エンコードした値をkey=valueの形式で返却する
        return "\(key)=\(escapedValue)"
    }
    
    // URL作成処理
    func createRequestUrl(parameter: [String: String]) -> String {
        var parameterString = ""
        for key in parameter.keys {
            // 値の取り出し
            guard let value = parameter[key] else {
                // 値なし。次のfor文の処理を行なう
                continue
            }
            
            // 既にパラメータが設定されていた場合
            if parameterString.lengthOfBytes(using: String.Encoding.utf8) > 0 {
                // パラメータ同士のセパレータである&を追加する
                parameterString += "&"
            }
            
            
            
            // 値をエンコードする
            guard let encodeValue = encodeParameter(key: key, value: value) else {
                // エンコード失敗。次のfor文の処理を行なう
                continue
            }
            // エンコードした値をパラメータとして追加する
            parameterString += encodeValue
            
        }
        let requestUrl = entryUrl + "?" + parameterString
        return requestUrl
    }
    
    // 検索結果をパースして商品リストを作成する
    func parseData(items: [Any], resultHandler: @escaping (([String]?) -> Void)) {
        
        for item in items {
            
            // レスポンスデータから画像の情報を取得する
            guard let item = item as? [String: Any], let imageURL = item["link"] as? String else {
                resultHandler(nil)
                return
            }
            print(imageURL)
            
            // 配列に追加
            wordImageArray.append(imageURL)
        }
        
        resultHandler(wordImageArray)
        dump(wordImageArray)
    }
    
    // リクエストを行なう
    func request(requestUrl: String, resultHandler: @escaping (([String]?) -> Void)) {
        // URL生成
        guard let url = URL(string: requestUrl) else {
            // URL生成失敗
            resultHandler(nil)
            return
        }
        
        // リクエスト生成
        let request = URLRequest(url: url)
        
        // APIをコールして商品検索を行なう
        let session = URLSession.shared
        let task = session.dataTask(with: request) { (data:Data?, response:URLResponse?, error:Error?) in
            // 通信完了後の処理
            
            print(NSString(data: data!, encoding: String.Encoding.utf8.rawValue) ?? "")
            
            // エラーチェック
            guard error == nil else {
                // エラー表示
                let alert = UIAlertController(title: "エラー", message: error?.localizedDescription, preferredStyle: UIAlertControllerStyle.alert)
                
                // UIに関する処理はメインスレッド上で行なう
                DispatchQueue.main.async {
                    self.present(alert, animated: true, completion: nil)
                }
                resultHandler(nil)
                return
            }
            
            // JSONで返却されたデータをパースして格納する
            guard let data = data else {
                // データなし
                resultHandler(nil)
                return
            }
            
            // JSON形式への変換処理
            guard let jsonData = try! JSONSerialization.jsonObject(with: data, options: JSONSerialization.ReadingOptions.allowFragments) as? [String: Any] else {
                // 変換失敗
                resultHandler(nil)
                return
            }
            
            // データを解析
            guard let resultSet = jsonData["items"] as? [Any] else {
                // データなし
                resultHandler(nil)
                return
            }
            self.parseData(items: resultSet, resultHandler: resultHandler)
        }
        // 通信開始
        task.resume()
    }
}

###試したこと
Storyboardを使わない方法など、他のブログも参考にしてみましたがうまくいきません。

Answer 1

UIImageViewは、デフォルトではタッチが効かないようになっているので、Attributes inspectorのViewにあるUser Interaction Enabledを有効にして下さい。

コードの場合は、

imageView.isUserInteractionEnabled = true

ところで、Storyboard上だと、UIImageViewの上に乗せられなくないですか？

Comments

[fromageblanc]

↑をtrueにしてinfo.plistにApp Transport Security Settingsを書いたら、私の環境では正常動作しました。

[fuzzball]

テストありがとうございます。スワイプ以外は全く見てませんでしたｗ

[fromageblanc]

ちなみにスワイプしまくると落ちます。。。まあ設計の話ですね。あとapikeyは晒さないほうがよいのではと。

[bruteberry]

>>Storyboard上だと、UIImageViewの上に乗せられなくないですか？
そうなのですか？
ユーティリティエリアのConnection InspectorをみるとReferencing Outlet Collectionsのところが
gesturedRecognizers --- Word Image(UIImageViewの名前です)
となっていたので、「できた！」とか思ってました...。

おっしゃられたとおりにしたら動くようになりました！！！！
本当にありがとうございました！！！！

たぶん11回目のスワイプで落ちると思います！！
引き続き作っていきたいと思いますありがとうございます。
apikey消しておきますご忠告ありがとうございます。

[fuzzball]

乗せられない件は私の勘違いのようなので忘れて下さい。

[fromageblanc]

isUserInteractionEnabledはストボーのインスペクタからも設定できますよ。ImageViewはデフォルトfalseです。

[bruteberry]

コメントありがとうございます忘れます

インスペクタから設定できるものだったのですね..。
次からはインスペクタを全部チェックするようにします。
ありがとうございます。