Add button overlay on UITableViewController with use static cells

debugcn Published at Dev

Дмитрий Деникаев

I try to add button overlay on UITableViewController with static cells. But i get this result, button is working, but i not see result of search:

I'm trying to get this result:

I want to button was always at the bottom regardless of scrolling up or down.

In my code i use framework InstantSearch:

import UIKit
import InstantSearch
import WARangeSlider

class SearchTableViewController: UITableViewController {

    @IBOutlet weak var resultButton: StatsButtonWidget!

    override func viewDidLoad() {
        super.viewDidLoad()

        resultButton.frame = CGRect(x: 0, y: 0, width: 150, height: 60)
        navigationController?.view.addSubview(resultButton)

        InstantSearch.shared.registerAllWidgets(in: self.view)

        LayoutHelpers.setupResultButton(button: resultButton)
        resultButton.addTarget(self, action: #selector(resultButtonClicked), for: .touchUpInside)

    }
}

How can i add button overlay on bottom in UITableViewController? Me need use only UITableViewController, not UIViewController with TableView.

Willjay

You can just add an view at the bottom of your tableview.

override func viewDidLoad() {
    super.viewDidLoad()
    addResultButtonView()
}

private func addResultButtonView() {
    let resultButton = UIButton()

    resultButton.backgroundColor = .red
    resultButton.setTitle("Hello", for: .normal)
    tableView.addSubview(resultButton)

    // set position
    resultButton.translatesAutoresizingMaskIntoConstraints = false
    resultButton.leftAnchor.constraint(equalTo: tableView.safeAreaLayoutGuide.leftAnchor).isActive = true
    resultButton.rightAnchor.constraint(equalTo: tableView.safeAreaLayoutGuide.rightAnchor).isActive = true
    resultButton.bottomAnchor.constraint(equalTo: tableView.safeAreaLayoutGuide.bottomAnchor).isActive = true
    resultButton.widthAnchor.constraint(equalTo: tableView.safeAreaLayoutGuide.widthAnchor).isActive = true
    resultButton.heightAnchor.constraint(equalToConstant: 50).isActive = true // specify the height of the view
}