tableview周りの読み込みタイミングについて

Question

###前提
Tableviewで表示したい値を代入するタイミングで、わからないことがあり質問させていただきます。

jsonファイルをhttpでリクエストしてそれを展開してtableviewに代入するということを行っています。

numberOfRowsInSectionの段階で配列に入っていないため、tableviewが表示されない現象が起きております。
imgArrayに値を追加して、tableviewを表示できるようにしたいです。
ご教授いただけますと幸いです。
何卒よろしくお願い致します。

##再現手順
1.上で変数の宣言を行う。 ⬅︎この段階では空です。
2.viewDidLoadで変数に値を入れている。
3.numberOfRowsInSectionの関数が呼び出されるタイミングでは空です。

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

//
//  ViewController.swift
//

import UIKit
import SwiftyJSON
import Alamofire

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {

    var jsonURLString = "test.json"
    //画面表示用
    @IBOutlet weak var tableView: UITableView!
    
    var labelArray: [String] = []
    var imgArray: [String] = []   

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
        // JSONのパース
        Alamofire.request(.GET, jsonURLString).responseJSON { response in
            guard let object = response.result.value else {
                return
            }
                
            let json = JSON(object)
            json.forEach { (_, json) in
                self.labelArray.append(json["label"].string!)
                self.imgArray.append(json["img"].string!)
            }
        }
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    
    func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return imgArray.count
    }
    
    func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        // セルを取得する
        let cell: UITableViewCell = tableView.dequeueReusableCellWithIdentifier("TimelineCell", forIndexPath: indexPath)
        
        let img = UIImage(named:"\(imgArray[indexPath.row])")
        let imageView = tableView.viewWithTag(1) as! UIImageView
        imageView.image = img
        
        // Tag番号 2 で UILabel インスタンスの生成
        let artistName = tableView.viewWithTag(2) as! UILabel
        artistName.text = "No.\(indexPath.row + 1)"
    
        return cell
    }
  }

下記の関数が読み込まれるタイミングでは、まだ値が入っていないようです。

    func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
       return imgArray.count
 }

Answer 1

以下のように読み込みが終わったところで、テーブルをリロードすればいけると思います。

import UIKit
import SwiftyJSON
import Alamofire

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
    
    var jsonURLString = "test.json"
    //画面表示用
    @IBOutlet weak var tableView: UITableView!
    
    var labelArray: [String] = []
    var imgArray: [String] = []
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
        // JSONのパース
        Alamofire.request(.GET, jsonURLString).responseJSON { response in
            guard let object = response.result.value else {
                return
            }
            
            let json = JSON(object)
            json.forEach { (_, json) in
                self.labelArray.append(json["label"].string!)
                self.imgArray.append(json["img"].string!)
            }
            
            // 追加↓↓↓↓↓↓↓↓
            dispatch_async_main {
                // メインスレッドでテーブルをリロード
                self.tableView.reloadData()
            }
        }
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    
    func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return imgArray.count
    }
    
    func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        // セルを取得する
        let cell: UITableViewCell = tableView.dequeueReusableCellWithIdentifier("TimelineCell", forIndexPath: indexPath)
        
        let img = UIImage(named:"\(imgArray[indexPath.row])")
        let imageView = tableView.viewWithTag(1) as! UIImageView
        imageView.image = img
        
        // Tag番号 2 で UILabel インスタンスの生成
        let artistName = tableView.viewWithTag(2) as! UILabel
        artistName.text = "No.\(indexPath.row + 1)"
        
        return cell
    }
}

// 追加↓↓↓↓↓↓↓↓
func dispatch_async_main(block: () -> ()) {
    dispatch_async(dispatch_get_main_queue(), block)
}
// 追加↑↑↑↑↑↑↑↑

Comments

[退会済みユーザー]

ご回答いただき、ありがとうございます。
上記の内容を実装してみたのですが、上手く反映されません。

viewDidLoadの方のdispatch_async_mainなのですが、エラーが出力され
dispatch_async_mainにselfをつけろと言われました。
ここでのselfがいまいち理解できていません。

1つ気になったのですが、viewDidloadの箇所でforEachで
imgArrayの変数に値を代入している箇所ですが、
これは問題はないのでしょうか。
こちらに問題があるような気がしているのですが、解決方法が見いだせない状況です。

[_Kentarou]

まず値がちゃんと取得出来ているのかを確認するのがよいので、forEachが終わった次の行に以下のprint文を書いてちゃんと中身が入っているか確認してください。

print(self.labelArray)

[_Kentarou]

ライブラリをちゃんと入れて確認しました、こちらではエラーが出ていないのでおそらくコードを入れたところが違うのかと思われます、、、

こちらが回答で貼ったコードをそのまま貼り付けて確認してください。

クラスの外に以下も記載しているので忘れずに！

func dispatch_async_main(block: () -> ()) {
dispatch_async(dispatch_get_main_queue(), block)
}

[退会済みユーザー]

ご返信遅れまして申し訳ございません。
別問題で表示できていなかったみたいです。
jsonファイルが上手く実装できたため、
Tableviewに挿入する画像データの取り出し方がローカルからサーバ上に変更されたために起きた問題でした。

親身にアドバイスしていただきありがとうございました。