質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
TableView

TableView(UITableView)とは、リスト形式で表示するコントロールで、ほとんどのアプリに使用されています。画面を「行」に分けて管理し、一般的には各行をタップした際に詳細画面に移動します。

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Q&A

解決済

2回答

2034閲覧

TableVIewCellに表示した画像が正しく表示されない

8ki29_tabetai

総合スコア23

TableView

TableView(UITableView)とは、リスト形式で表示するコントロールで、ほとんどのアプリに使用されています。画面を「行」に分けて管理し、一般的には各行をタップした際に詳細画面に移動します。

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

0グッド

0クリップ

投稿2019/10/06 01:30

編集2019/10/06 12:43

TableViewCellを勉強したくてサンプルを作っているのですがRunしてみたところ正しく画像とラベルが表示されません。イメージ説明

ラベルも配列を作っているのですが出てこないです。
教えていただければ幸いです。

ViewController

Swift

1class ViewController: UIViewController, UITableViewDataSource { 2 3 var foods = ["カレー", "ハンバーグ", "プリン"] 4 5 6 var foodImages = [UIImage(named: "curry.jpeg"), 7 UIImage(named: "hamburg.jpg"), 8 UIImage(named: "pudding.jpg")] 9 10 @IBOutlet var foodTableView: UITableView! 11 12 override func viewDidLoad() { 13 super.viewDidLoad() 14 // Do any additional setup after loading the view. 15 16 17 foodTableView.dataSource = self 18 19 20 foodTableView.tableFooterView = UIView() 21 22 23 let nib = UINib(nibName: "FoodTableViewCell", bundle: Bundle.main) 24 25 foodTableView.register(nib, forCellReuseIdentifier: "Cell") 26 } 27 28 29 func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { 30 31 return foods.count 32 } 33 34 35 func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { 36 37 let cell = tableView.dequeueReusableCell(withIdentifier: "Cell") as! FoodTableViewCell 38 39 cell.foodImageView.image = foodImages[indexPath.row] 40 cell.foodNameLabel.text = foods[indexPath.row] 41 return cell 42 43 } 44}

FoodTableViewCellのxib中身

Swift

1import UIKit 2 3class FoodTableViewCell: UITableViewCell { 4 5 @IBOutlet var foodImageView: UIImageView! 6 @IBOutlet var foodNameLabel: UILabel! 7 8 override func awakeFromNib() { 9 super.awakeFromNib() 10 // Initialization code 11 } 12 13 override func setSelected(_ selected: Bool, animated: Bool) { 14 super.setSelected(selected, animated: animated) 15 16 // Configure the view for the selected state 17 } 18 19} 20``` 21 22![イメージ説明](315760e0a79c5324f368ec7f82f1bc66.png)

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hayabusabusash

2019/10/06 02:43

カスタムでセルを作っていらっしゃるようなので、 作ったxibファイルを見せていただくことはできますか? AutoLayoutに問題があるか、セルの高さの指定がないので指定してあげればうまく表示されるかもしれません????
guest

回答2

0

セルの高さを指定するコードがないので、
viewDidLoadを以下のように修正してみるのはどうでしょうか?

Swift

1 override func viewDidLoad() { 2 super.viewDidLoad() 3 // Do any additional setup after loading the view. 4 5 6 foodTableView.dataSource = self 7 foodTableView.rowHeight = 122.0 // 追加 8 foodTableView.tableFooterView = UIView() 9 10 let nib = UINib(nibName: "FoodTableViewCell", bundle: Bundle.main) 11 foodTableView.register(nib, forCellReuseIdentifier: "Cell") 12 }

すみません解決されていたようですね。
無駄に回答を投稿してしまったので、無視してください。

投稿2019/10/06 12:53

編集2019/10/06 12:56
hayabusabusash

総合スコア767

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

自己解決

hayabusabusash様のアドバイスを確認してみて色々いじってみたところ綺麗に表示できるようになりました!
ありがとうございます。お手数おかけしました。

投稿2019/10/06 12:51

8ki29_tabetai

総合スコア23

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問