ios13 UIPopoverViewController 显示 UITableViewController - 安全区域问题/table 的缺失部分

Question

与此主题相同 post:

iOS 13 - UIPopoverPresentationController sourceview content visible in the arrow

我有一个从情节提要中实例化的 UITableViewController。我在 UIPopoverViewController 中展示它。

根据方向，我缺少一侧或缺少顶部，_UITableViewHeaderFooterViewBackground 的内容滚动 'through' 箭头。

怎么了：

这些是当它在顶部时，但如果它出现在侧面，那么整个侧面

编辑：我正在使用安全区域指南：

正如我之前所说，我从对象库 a b运行d new UITVC 中拖出，然后将原型单元更改为我的应用程序的要求。

我对任何安全区域开关或设置进行了零更改。

我不更改任何安全区域插入或代码调整。

谢谢@Alex，但这不是问题，如果是，我不知道该怎么办。

编辑 2：

今天下午，我确保我的类中有零代码可以执行任何格式设置、颜色、插入或任何与更改默认 table 单元格有关的任何形式。

然后我在 IB 中完全删除了我的 UITVC 并创建了一个新的，创建了一个没有样式的新原型单元格，除了在单元格中放置了一个 UIImageView。

我确保 UITVC、tableviewcell 和内容视图都在 IB 中勾选了 'Safe Area' 和 'Safe Margins'。

重建应用程序并运行。

完全一样。

我仍然有内容和背景都在箭头上方，如果我然后在 table 周围添加边框，则呈现面是 'cut off'。

编辑 3：

我知道问题出在哪里！！！

是 _UITableViewHeaderFooterViewBackground 不能很好地与 AutoLayout 配合！！

我不确定如何解决它，但这就是问题所在。

编辑 4 / 更新：

今天我构建了以下应用程序，但错误仍然存在 - 即使没有 Section Headers！

在 IB 中，创建一个带有两个按钮的 UIVC，一个在左上方，另一个在右上方。
从Asset Catalog拖一个UITVC放在原来VC的一侧，然后从Asset Library拖一个UIVC把它放在另一边。
将资源库中的 UITableView 拖到 'new' UIViewController 上，并将其顶部和底部设置为指南安全区域布局，将左侧和右侧设置为带 0 的安全边距常量（您可以保留默认值 20 - 没有区别）。
现在，将这些按钮连接到原始 UIVC，以便按每个按钮实例化一个或另外两个控制器，并将它们显示在弹出窗口中。

注意，没有格式，没有样式，没有更改任何 UIViewController 上的任何默认 IB 设置。

这是 'centre' VC 代码：

import UIKit



class ViewController: UIViewController, UIPopoverPresentationControllerDelegate
{
    @IBOutlet weak var tbutton: UIButton!
    @IBOutlet weak var button: UIButton!



    @IBAction func buttonTouched(_ sender: UIButton)
    {
        let storyboard = UIStoryboard(name: "Main", bundle: nil)
        let libraryVC = storyboard.instantiateViewController(withIdentifier: "library")

        libraryVC.modalPresentationStyle = .popover

        if let popover = libraryVC.popoverPresentationController
        {
            popover.sourceView = self.button
            popover.sourceRect = self.button.bounds

            popover.delegate = self
        }

        libraryVC.preferredContentSize = CGSize(width: 400, height: 2048)

        libraryVC.view.layer.borderColor  = UIColor.white.cgColor
        libraryVC.view.layer.borderWidth  = 5.0
        libraryVC.view.layer.cornerRadius = 16.0

        self.present(libraryVC, animated: true)

    }



    @IBAction func tbuttonTouched(_ sender: UIButton)
    {
        let storyboard = UIStoryboard(name: "Main", bundle: nil)
        let libraryVC = storyboard.instantiateViewController(withIdentifier: "tlibrary")

        libraryVC.modalPresentationStyle = .popover

        if let popover = libraryVC.popoverPresentationController
        {
            popover.sourceView = self.tbutton
            popover.sourceRect = self.tbutton.bounds

            popover.delegate = self
        }

        libraryVC.preferredContentSize = CGSize(width: 400, height: 2048)

        libraryVC.view.layer.borderColor  = UIColor.white.cgColor
        libraryVC.view.layer.borderWidth  = 5.0
        libraryVC.view.layer.cornerRadius = 16.0

        self.present(libraryVC, animated: true)
    }



    func adaptivePresentationStyle(for controller: UIPresentationController, traitCollection: UITraitCollection) -> UIModalPresentationStyle
    {
        return .none
    }

这是 IB 中的布局 - 请注意，我已经以不同方式更改了所有视图的背景颜色，以便您可以看到哪些视图导致了问题。

这里是 VC 双方的代码：


import UIKit



class LibraryViewController: UIViewController, UITableViewDelegate, UITableViewDataSource
{
    @IBOutlet weak var table: UITableView!



    override func viewDidLoad()
    {

    }



    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int
    {
        12
    }



    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
    {
        guard let cell = tableView.dequeueReusableCell(withIdentifier: "myCell", for: indexPath) as? MyTableViewCell else
        {
            fatalError("expected to dequeue MenuItemTableCell - check storyboard")
        }

        return cell
    }
}

另一个：

import UIKit



class LibraryTableViewController: UITableViewController
{
    override func viewDidLoad()
    {
        super.viewDidLoad()

        self.tableView.delegate = self
        self.tableView.dataSource = self
    }



    override func numberOfSections(in tableView: UITableView) -> Int {
        // #warning Incomplete implementation, return the number of sections
        return 1
    }



    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int
    {
        // #warning Incomplete implementation, return the number of rows
        return 10
    }



    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
    {
        guard let cell = tableView.dequeueReusableCell(withIdentifier: "myCell", for: indexPath) as? MyTableViewCell else
        {
            fatalError("expected to dequeue MenuItemTableCell - check storyboard")
        }

        return cell
    }
}

这是 IB 配置：

结果如下：

Answer 1

您似乎没有使用新的安全区域布局指南。旧方法已弃用。如果您使用故事板，请在“文件”选项卡中激活此设置：

在代码中你可以使用这样的东西：

let guide = view.safeAreaLayoutGuide
NSLayoutConstraint.activate([
 greenView.topAnchor.constraintEqualToSystemSpacingBelow(guide.topAnchor, multiplier: 1.0),
 guide.bottomAnchor.constraintEqualToSystemSpacingBelow(greenView.bottomAnchor, multiplier: 1.0)
])

有关更多信息，请阅读：https://useyourloaf.com/blog/safe-area-layout-guide/

Answer 2

我找到了答案。我必须实现我自己的 UIPopoverBackgroundView。示例：https://github.com/mattneub/Programming-iOS-Book-Examples/blob/master/bk2ch09p476popovers/ch22p751popovers/MyPopoverBackgroundView.swift 对我有用。my popover

Answer 3

好的，所以我用完了 Apple 的支持票 - 一年后在这里没有任何答案。

由于 UITableViewController 和它的 UITableView 正在进行的底层自动布局，旧方法（在弹出窗口上设置边框）将不再有效。

唯一的解决方案是完全删除 UITableViewController，并将其替换为 UIViewController，其中包含一个视图，并在该视图中放置一个 UITableView。

谢天谢地，代码更改很少（只是将继承从 UITableViewController 更改为 UIViewController，然后在其中添加一个 UITableViewDelegate）

然后确保包含 table 的 UIViewController 将其自身设置为 UITableView 的委托和源。

修复中最长的部分是在 Interface Builder 中重新创建布局，但这次要确保 UITableView 不会到达 SUPERVIEW 的顶部、前导、底部、尾部，而是到达安全区域。

然后你需要做的就是把它放进去，它就起作用了：

override func viewDidLoad()
{
    super.viewDidLoad()
  
    self.tableView.delegate   = self
    self.tableView.dataSource = self
    
    self.tableView.layer.borderWidth  = 5
    self.tableView.layer.borderColor  = UIColor.white.cgColor
    self.tableView.layer.cornerRadius = 16
}

ios13 UIPopoverViewController 显示 UITableViewController - 安全区域问题/table 的缺失部分

ios13 UIPopoverViewController showing UITableViewController - Safe Area problems / Missing parts of table

uitableview

uipopovercontroller

swift

safearealayoutguide

ios13