基本的なtableviewの使い方

Question

###前提・実現したいこと
https://i-app-tec.com/ios/tableview.html
を実行したい

###発生している問題・エラーメッセージ
コンパイルはできるが何も表示されない

エラーメッセージ
右側に色々表示されていて左には何も表示されません

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

import UIKit

class ViewController: UIViewController,
        UITableViewDataSource, UITableViewDelegate {
    
    @IBOutlet weak var table: UITableView!
    
    let imgArray: NSArray = ["img0","img1","img2","img3","img4","img5","img6","img7"]
    let label2Array: NSArray = ["2013/8/23/16:04","2013/8/23/16:15",
                                "2013/8/23/16:47","2013/8/23/17:10",
                                "2013/8/23/1715:","2013/8/23/17:21",
                                "2013/8/23/17:33","2013/8/23/17:41"]
    
    override func viewDidLoad() {
        super.viewDidLoad()
    }
    
    func tableView(_ table: UITableView,
                   numberOfRowsInSection section: Int) -> Int {
        return imgArray.count
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) ->UITableViewCell {
        let cell = table.dequeueReusableCell(withIdentifier: "tableCell",
                                             for: indexPath)
        let img = UIImage(named: imgArray[indexPath.row] as! String)
        let imageView = cell.viewWithTag(1) as! UIImageView
        imageView.image = img
        
        let label1 = cell.viewWithTag(2) as! UILabel
        label1.text = "No." + String(indexPath.row + 1)
        
        let label2 = cell.viewWithTag(3) as! UILabel
        label2.text = String(describing: label2Array[indexPath.row])
        
        return cell
    }
    
    func tableView(_ table: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 120.0
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }


}

###試したこと
コードの紐付けを忘れていたので紐付けしたのですが、それでもうまくいきませんでした

Comments

[fuzzball]

コードは ``` で囲って下さい。

[SKMT]

すいません、修正しました

Answer 1

let imgArray: NSArray = ["img0","img1","img2","img3","img4","img5","img6","img7"]

この画像はどうなっていますか
どこに保存して、名前はjpgとかpngの拡張子でそれ自体を表示できますか？

let cell = table.dequeueReusableCell(withIdentifier: "tableCell",

このtableCellはCellのidentifierに設定してありますか？

let label1 = cell.viewWithTag(2) as! UILabel

let label2 = cell.viewWithTag(3) as! UILabel

このTagの２、３はちゃんと設定しありますか？
Linesと間違えやすいので

右側に色々表示されていて左には何も表示されません

色々とはなんでしょうね
具体的にわかれば何か解決の糸口になるかもしれません

ちなみに、このコードを画像２つでやってみましたが問題なくできました
設定を確認してください

Comments

[SKMT]

ajaさんいつもありがとうございます。
画像は名前はimg0,img1〜ではなく別の名前です。後1つ.jpgのなかに.JPGが混じってます。保存はpictureフォルダの中のものをassetsにDDしました。タグはちゃんと設定してセル以外は0になってます。デバッグエリア?の中の右側にエラーメッセージでもなさそうな記号混じりの文が表示されていました、、

[aja]

dataSourceとdelegateがviewに繋がってしまっている
View Controllerですね、参考したサイトの画像もそうなっています
＞デバッグエリア?の中の右側にエラーメッセージでもなさそうな記号混じりの文が表示されていました
少しづつ理解できるようにしましょう

[SKMT]

直したら表示されました。ありがとうございました。メッセージの方もなるべく努力してみます、、　後表示はされたのですが画像の大きさの関係で全部が表示されませんでした。このプロトタイプセルというものがいまいち使いづらいし理解しづらいです。よければ教えてください、、、

[aja]

よかったですね
プロトタイプセルはstoryboardで調整できます。大きくしたりちいさくしたり。画像がついて来ない場合は、UIImageViewのViewに「Scale To Fill」とか「Aspect Fit」というのがありますから試してみるといいでしょう。こういうのが嫌いだったらコードで全部書くしかありません
TableViewはまだなんとかなっても、CollectionViewになるとちょっとレイアウトが大変ですね、そんなときはUICollectionViewDelegateFlowLayoutなどを使った方がいいこともあります。
とまあ、コメントで言えることには限界があるので、ネットで調べてみましょう。
実際にやってうまくいかない場合は、ここで具体的な質問をすればいいのでは

[SKMT]

なるほど分かりました。そうですね。また何か具体的に何かあったら質問します。いつもご丁寧にありがとうございます

Answer 2

Storyboard上でdataSourceとdelegateの設定が出来ていないのでは。
TableViewからViewControllerへ両方のOutletを繋いで下さい。

分からなかったら、とりあえずコードで設定してみて下さい。

override func viewDidLoad() {
    super.viewDidLoad()
    table.delegate = self
    table.dataSource = self
}

Comments

[SKMT]

御指南ありがとうございます。storyboard上で右クリックして繋ぐやつはやってますけど他にも何かありますか？

[fuzzball]

ViewじゃなくてViewControllerに繋いで下さい。
コードでは試してみたのでしょうか？

[SKMT]

繋ぎました！表示されました！ありがとうございます！！コードの方もやってみたのですがviewと繋いだままだったせいかコンパイルが通りませんでしたが、storyboardの方を消したらコードでもできました！ありがとうございます！