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

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

ただいまの
回答率

87.77%

【Swift,Xcode】セルの伸び縮み表示

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,178

score 38

セルをタップすると伸び縮みする機能を実装したいのですが、
・セルに色が反映されない
・セルをタップしても伸び縮みしない
という問題に直面しています。

イメージ説明

カスタムセルを用いているので、ViewControllerのviewDidLoadでtableViewに登録しているはずなのにです。

delegata,datasourceに必要なtableViewのメソッドは全て記述してるか確認しましたが、どこも異常はありませんでした。

下記の記事のサンプルコードと同じに書いたのですが、ダメでした。

Qiita そのまま使える!iOSアプリを作るためのswiftサンプル集

同じコードなのに動作しないのは、Swift4から仕様が変わったからでしょうか?

Qiitaの記事は最終更新日が比較的新しいので、コード的にも今の環境に適していると思うのですが、そうでなければ僕のコードが間違っているなのでしょうが、どこが間違いかわかりません。

どうかダメなのか指摘していただきたいです。

よろしくお願いします。

import UIKit

class ViewController: UIViewController,UITableViewDelegate, UITableViewDataSource {


    @IBOutlet weak var tableView: UITableView!

    private let dataSource: [UIColor] = [.red, .green, .blue, .cyan, .yellow, .magenta]

    override func viewDidLoad() {
        super.viewDidLoad()

        //カスタムセルを登録する
        tableView.register(UINib(nibName: "TableViewCell", bundle: nil), forCellReuseIdentifier: "cell")

    }

    func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }

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

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        //gurad文でカスタムセルを読み込み、無理ならUITableViewCell()を返す
        guard let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as? TableViewCell else { return UITableViewCell() }

        cell.backgroundColor = dataSource[indexPath.row]

        return cell

    }

    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {

        //
        guard let cell = tableView.cellForRow(at: indexPath) as? TableViewCell else { return }

        //???
        tableView.beginUpdates()
        //
        cell.flexible()
        //???
        tableView.endUpdates()

    }


}
import UIKit

class TableViewCell: UITableViewCell {

    //ConstraintをOutletで紐付け
    @IBOutlet weak var cellHeight: NSLayoutConstraint!

    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)

        // Configure the view for the selected state
    }

    func flexible() {
        //セルの高さ(constraints)を変更する
        //44なら100,44でないなら44
        cellHeight.constant = cellHeight.constant == 44 ? 100 : 44
    }

}

TableViewCell.xib
イメージ説明

※追記
ご回答通りに記述してもだめだったので、

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        //gurad文でカスタムセルを読み込み、無理ならUITableViewCell()を返す
        guard let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as? TableViewCell else { return UITableViewCell() }

//        cell.backgroundColor = dataSource[indexPath.row]
        cell.contentView.backgroundColor = dataSource[indexPath.row]

        return cell

    }


と書きましたが、だめでした。

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • 退会済みユーザー

    2018/10/04 17:22

    複数のユーザーから「やってほしいことだけを記載した丸投げの質問」という意見がありました
    「質問を編集する」ボタンから編集を行い、調査したこと・試したことを記入していただくと、回答が得られやすくなります。

回答 1

checkベストアンサー

0

cell.backgroundColorではなくcell.contentView.backgroundColorにして下さい。

と思ったけど、その上にViewが乗ってるみたいですね‥。
そのViewの.backgroundColorを変更して下さい。

とりあえずこれでいけるかも。

cell.contentView.subviews.first?.backgroundColor = dataSource[indexPath.row]

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/10/04 14:32

    そもそもtableView(_:cellForRowAt:)は呼ばれていますか?
    dataSourceは設定していますか?

    キャンセル

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

  • ただいまの回答率 87.77%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る