如何在 Xcode 中将浮动 UIButton 添加到表视图控制器？

Question

我正在尝试向通过弹出窗口显示的表格视图控制器页面添加“关闭”按钮。当用户向下滚动页面时，我只希望 x（关闭）按钮保留在左上角。我找到了使用 cocoapods 添加浮动操作按钮的代码，但这不是我想要的。任何帮助都会很棒。

我尝试在表格视图之外添加一个 UIView，以便我可以将按钮限制在该按钮上，但表格视图不允许您在其外部添加 UIView。

Answer 1

您无法将浮动 UIButton 添加到 UITableViewController，但您还有其他三个选项：

1. 将UITableViewController更改为UIViewController并将UITableView和UIButton添加到视图控制器
2. 创建UIViewController 容器并将UITableViewController 添加为嵌入式子视图控制器。然后你可以将UIButton添加到容器中
3. 将UIButton 添加到UINavigationController，但只有在您有导航控制器时才会起作用:) 此外，在这种方法中，您需要在关闭表格视图控制器时手动删除按钮。

Answer 2

如果将 UIButton 嵌入到 UIView 中，则可以使用 UITableVIewController。

这是我的 UITableViewController 实例之一的精简代码。有一个 UITableView，页面底部有一个 UIView，上面有一个 UIButton：

class ViewController : UITableViewController
{
    @IBOutlet private weak var floatingView: UIView!

    override func viewDidLoad()
    {
        super.viewDidLoad()

        self.initSaveView()
    }

    override func viewWillLayoutSubviews()
    {
        super.viewWillLayoutSubviews()

        self.tableView.bringSubviewToFront(self.floatingView)
    }

    fileprivate func initSaveView()
    {
        self.tableView.contentInset = UIEdgeInsets(top: 0.0, left: 0.0, bottom: self.floatingView.frame.height, right: 0.0)
        self.tableView.scrollIndicatorInsets = UIEdgeInsets(top: 0.0, left: 0.0, bottom: self.floatingView.frame.height, right: 0.0)

        self.floatingView.frame.origin.y = self.tableView.bounds.origin.y + self.tableView.frame.height - floatingView.frame.height
        self.floatingView.autoresizingMask = .flexibleTopMargin
        self.view.addSubview(self.floatingView)
    }
}

extension ViewController
{
    override func scrollViewDidScroll(_ scrollView: UIScrollView)
    {
        floatingView.frame = CGRect(x: self.floatingView.frame.origin.x, y: self.tableView.bounds.origin.y + self.tableView.frame.height - floatingView.frame.height, width: self.floatingView.frame.size.width, height: self.floatingView.frame.size.height)
    }
}

希望这能让您入门。 floatingView 是使用 Interface Builder 添加的（只需将 UIView 拖到 UITableViewController 栏的顶部，然后添加您的 Outlet）。