TableViewCell内で2種類のセルを使ってこの様な画面を実装したい。

Question

今作りたいアプリでTableViewCellで表示したい要素が2種類あり、それをセルA・セルBと2種類のカスタムセルで使い分けて登録順に表示したいのですが、セルAはinsetGroupedセルBはGroupedの感じでどちらもスワイプ削除できるようにしたいです。
セルAは単体の場合は角丸になるが、連続した場合は連結する仕様にしたいです。

このような実装は可能でしょうか。
今私がわからないのはセルの幅を変更する方法です。

insetGroupedで作ってしまうとセクション内のセルの4つ角が角丸になってしまうのでこの様な実装を作るならGroupedにして連結している場合は一番上と下の角だけ角丸にする処理を書くことになると思うのですが、それができたとして問題になるのがwidthです。
TableViewの制約を左右0にしている為、スワイプ削除をした場合セルAの白いViewと削除の赤い部分の間に隙間(TableViewのBackGroundColor)ができてしまいます。ここの挙動をiPhoneのメモ帳アプリの様にしつつ、セルBは通常のシンプルなTableViewのセルの様な実装にしたいです。

隙間というのはこの様なイメージです。

追加画像

Comments

[hoshi-takanori]

たぶん無理だと思う (根拠はありませんが) のと、UI 的に違和感が…。

[noname_241198]

画像を追加したのでそちらの方確認していただけると幸いです。

ご意見ありがとうございます。それでは仮にセルAとBの幅は同じでいいとしてセクションだけこの様にすることは可能でしょうか。TableViewの制約を左右20とかにしてやるとセクションがこの画像の様にできないですよね。
insetGroupedの画面は理想的ではあるのですが、角丸が強制的に付いてしまうので思ってる様な画面に出来なさそうなんです。

Answer 1

• ParentTableView
  • → section1
    • →→ ChildTableViewCell
  • → section2
    • →→ ChildTableViewCell

って感じにして、 ChildTableViewCell の contentView にさらに UITableView をもたせて、その tableView がいくつかの section を持ってるって感じはどうでしょうか？

Comments

[noname_241198]

なるほど、それは確かにできそうですけど実装が少し大変そうですね。
それをした場合スクロールバーが二重になって表示がおかしくなることってありますか。

[DaichiHayashi]

cell の content が表示しきれるように高さを設定してあげればそのようなことは起こらないと思います。
cell の tableView のスクロールを絶対に禁止したいということであれば
https://developer.apple.com/documentation/uikit/uiscrollview/1619395-scrollenabled
の `scrollEnabled` を false に設定してあげればいいと思います。

[noname_241198]

わかりやすく教えていただきありがとうございます。
今作りたいアプリの見た目的に赤い削除ボタンの位置がセルの種類で変わると少し違和感があるかなと思っていたのですが、実際に作ってみると思ったより違和感は感じなかったのでこのまま進めることにしました。
考え方を学ぶことができたのでとてもありがたいです。今後似たような実装をする場合は参考にしたいと思います。