tableviewのセルを選択時に、UIButtonの背景をクリアにしないようにするにはどうしたらいいでしょうか。

Question

実現したいこと

このページのように、表示しているUIButtonの背景色を表示したままにするにはどうしたらいいでしょうか

発生している問題

カスタムセルを作成し、ボタンをラベル代わりにして文字色を白、背景色を赤色などにしたアイコンのような状態にして表示しています。

通常はきちんと背景色が表示されていますが、セルを長押ししている間（ハイライト時？）に背景色がクリア（セル選択時に表示される灰色と同色）になってしまいました。

セル選択した画面遷移後に再びtableviewへ戻ってきた際は、セル選択された時点でセルの色を解除していますので、きちんと背景色は表示されています。

説明が下手で申し訳ございませんが、どなたかご教示願います。

試したこと

このページの以下コードをカスタムセルのファイルへ入れましたが、選択している間は変わりませんが、選択後、次ページへ進む際には背景がクリアになってしまいました。
また、UIButtonの背景の色はセルの内容によって違いますので、カスタムセルでの設定時には行いたくないです。

override func setHighlighted(highlighted: Bool, animated: Bool) {
    super.setHighlighted(highlighted, animated: animated)
    self.subView.backgroundColor = UIColor.lightGrayColor()
}

補足情報

セル選択中（長押し中）
![]
画面遷移中

セル選択中はボタンとラベルのそれぞれの背景色は表示されるようになりましたが、画面遷移中はボタンとラベルの背景色が消えてしまいます。
この遷移中に表示されるセルの背景色はクリアすることができるのでしょうか。

Comments

[fuzzball]

(deleted)

[fuzzball]

ボタンはボタンとして使用しておらず、あくまでラベル代わりということでしょうか？ラベルを使用していない理由は何でしょうか？

[fuzzball]

もう一つ、セルはハイライトさせないといけないのでしょうか？

[Kuma44]

ボタンはボタンとしてではなく、ラベル代わりで使ってましたが、確認したところラベルでも問題なかったので変更するつもりです。セルのハイライトはタップ時だけはさせたいです。

Answer 1

色々と質問などしていますが、先に回答を書いておきます。
前提とする仕様は下記の通りです。

• セルの背景色は、ハイライト時（押している間）のみ変更する。
• セルに乗っているUIの背景色は影響を受けない。

class CustomCell: UITableViewCell {
    
    override func setHighlighted(_ highlighted: Bool, animated: Bool) {
        if highlighted {
            //押している間のセルの背景色
            self.contentView.backgroundColor = .lightGray
        } else {
            //通常時のセルの背景色
            self.contentView.backgroundColor = .orange
        }
    }
    
    override func setSelected(_ selected: Bool, animated: Bool) {
        //空っぽにしておく
    }
    
}

※TableView側の.deselectRow(at:animated:)は、あっても無くてもかまいません。

Comments

[Kuma44]

ご回答いただきましてありがとうございます。

説明が下手で申し訳ないのですが、前提としてセル選択をすると画面遷移し、詳細画面が表示される設定になってます。

ご提示いただいたコードは設定しており、詳細画面からtableViewに戻ってきた際はセル選択が解除されているので、backgroundColorは表示されています。

setHighlighted(highlighted:animated:)は選択中（長押ししている間）はbackgroundColorは表示されたままですが、画面遷移中（タップしてから詳細画面が表示されるまでの間）はbackgroundColorが消えてしまうので、残ったままにできないかと思ったところです。

また、setHighlighted(highlighted:animated:)ですと、backgroundColorをセルによって色を指定できないところも懸念点です。

[fuzzball]

質問文中の「背景色」というのはボタンの背景色なんですね。セルの背景色だと勘違いしていました。少し試してみます。

[fuzzball]

>>画面遷移中（タップしてから詳細画面が表示されるまでの間）はbackgroundColorが消えてしまうので

deselectRow(at:animated:)を呼んでいれば、選択直後にハイライトは解除されるので、遷移中はbackgroundColorは表示されていると思うのですが？（tableView(_:didSelectRowAt:)の中で遷移しているんですよね？）

>>setHighlighted(highlighted:animated:)ですと、backgroundColorをセルによって色を指定できない

なぜ出来ないのでしょうか？

[fuzzball]

とりあえず回答を書いておきました。

[Kuma44]

補足情報追記させて頂きました。

setHighlighted(highlighted:animated:)は勘違いしてました、セルのハイライト色は統一で大丈夫です。

deselectRow(at:animated:)でハイライトが解除されるのはシミュレーター上では画面遷移後な感じです。

[fuzzball]

私の修正後の回答は反映されているのでしょうか？

Answer 2

何が透明になるのか興味があったので調べてみたところ、cell選択時に透明になるのはUIView系のbackgroundColorのみ？で境界線色などは透明にならないようですね
で、方向性が違うので回答しても意味ないかもしれないですが、UIButtonのbackgroundImageを設定すると簡単にできそうです。
「UIButtonの背景の色はセルの内容によって違います」とのことなんで条件分けして背景画像を設定することが可能かとも思います。運用上問題なければいかがでしょうか？

UILablは積層されなくて、ペラ一枚なのね、

Comments

[Kuma44]

ご回答いただきましてありがとうございます。
UILabelでも試してみましたが、おっしゃる通りbackgroundColorのみ変わってしまうようです。
背景画像も考えましたが、色が変更する可能性もあるので、できればbackgroundColorで使用したいという気持ちです。
ラベルやボタンの枠の設定はしていなかったので、最悪それで我慢しようかと思います。

[退会済みユーザー]

fuzzballさんの回答でも、画面遷移中だけ(長押し中は大丈夫で、)UIButton、UILabelの背景色が透明になってしまうということでしょうか？

コードでの対応が良いと思いますが、

画像の設定の補足を
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
の中で、例えば、 表示する番号が奇数場合は、青背景画像　偶数の場合は　赤背景画像　といった具合に 条件分けして、背景画像を渡してあげれば、色の変更が可能だと思います。