TableViewのヘッダーの上に、TableViewセルだけ一つ挿入したい。

Question

いつもお世話になっています。

（ヘッダー）の上の位置に、太郎１などと同じようなセルを、
１つだけ乗せたいです。

そして、そのセル１つの上にはナビゲーションバー以外何も設定したくありません。
（ヘッダーやセルは設定したくありません。）

画像の（ヘッダー）は、
太郎１〜ヘイホーまでのヘッダーで、これはこのまま使用したいです。

UITableViewController内で、ヘッダーの上の位置に乗せる、タップできるセルを別に１つ作る事は可能でしょうか？

（ヘッダー）をフッターの体で使用して、その上に太郎１と同じような、タップできるセルを１つだけ乗せるという方法になるのでしょうか？

画像にある　ヘッダーとセルを構成するクラスと、上に乗せるためのセルのクラスを、
ある関数内にまとめてアンカーでレイアウトを作っては見たものの、上手く設定できませんでした。
この関数のインスタンスはviewDidLoad内に作ったのですが、シミュレータには反映されませんでした。

参考にしてるUIは、アプリ版のFacebookで、タブバー3番目　ハンバーガータブ内のレイアウト(プロフィールを見る)です。

よろしくお願いします。

Answer 1

「ヘッダー」と出力されている箇所をセクションヘッダーとして、その上にtableViewのtableHeaderViewを設定する方法だとイメージとは異なりますでしょうか？

ヘッダーを設定する参考記事:
https://qiita.com/nakamurau1@github/items/301b69522c32254617ad

【追記】

// viewDidLoadの中

// TableViewのヘッダーを設定
let headerView: UIView = UIView(frame: CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width, height: 50))

headerView.backgroundColor = .red
tableView.tableHeaderView = headerView
        
let tap = UITapGestureRecognizer(target: self, action: #selector(tapped(_:)))
headerView.addGestureRecognizer(tap)

// タップした時に呼び出されるアクション

@objc func tapped(_ sender: Any) {
    print("tap")
}

// セクションヘッダーの設定

// セクション数
func numberOfSections(in tableView: UITableView) -> Int {
   return 1
}
    
// セクションヘッダーの高さ
func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    return 50
}

// セクションヘッダーのタイトル
func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
    return "ヘッダー"
}

Comments

[退会済みユーザー]

newmt様　こんばんは。参考記事ありがとうございます。
1番上に乗せるセルは、タップできるセルにしたいです、言葉足らずですみません。

画像にあるヘッダーはタップできない単純なテキストだけが乗るヘッダーのまま使いたく、
UITableViewHeaderFooterViewになっています。

このヘッダーの上に設置するセルはタップできるセルにしたく、
アプリ版のFacebookのタブバー3番目　ハンバーガータブ内の一番上のセル(プロフィールを見る)を参考にしています。

Facebookの(プロフィールを見る)はタップすると自分のプロフィールに遷移するボタンセルなのですが、tableHeaderViewをタップできるように実装するのは通常のセルよりも難しそうで、できればタップできる通常のセルを1番上に設定したいのです。

[newmt]

UITapGestureRecognizerとは異なるイメージでしょうか？(一応イメージとして追記してみました。)

通常のセルですとindexPathの値で場合分けをしてセクションの高さ、数と行の数を調整すればできると思います。

[退会済みユーザー]

newmt様
追記いただいた、
// viewDidLoadの中 と　// タップした時に呼び出されるアクション　のみ仰る方法で書いて見たところ、
無事理想のボタンセル状のヘッダーを実装できました。

それとですが、実は　質問にある　太郎１〜ヘイホーのセルと、質問後に作った別のセクションセルをnumberOfSectionsで返していました。
ですので、numberOfSections　仰る通りの　return 1 とは返していませんが、
// セクションヘッダーの設定　は　一切書かないでも　ボタンは動き実装できました。

数日分からなく困っていたので、勉強にもなり解決して助かりました。
ありがとうございます！