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

iOS*_*Fun 5 uitableview uipopovercontroller swift safearealayoutguide ios13

在与这篇文章相同的主题中:

iOS 13 - UIPopoverPresentationController sourceview 内容在箭头中可见

我有一个从故事板实例化的 UITableViewController。我在 UIPopoverViewController 中展示它。

根据方向,我要么缺少一侧,要么缺少顶部,_UITableViewHeaderFooterViewBackground 的内容“通过”箭头滚动。

怎么了:

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

在此处输入图片说明 在此处输入图片说明

在此处输入图片说明

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

在此处输入图片说明

正如我之前所说,我从对象库中拖出一个全新的 UITVC,然后将原型单元更改为我的应用程序的要求。

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

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

所以,谢谢@Alex,但这不是问题,或者如果是,我不知道该怎么办。

编辑2:

今天下午,我确保我的班级中的代码为零,可以执行任何格式、颜色、插入或任何与更改默认表格单元格的任何形式有关的工作。

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

我确保 UITVC、tableviewcell 和内容视图都在 IB 中勾选了“安全区域”和“安全边距”。

重建应用程序并运行。

完全相同的。

我仍然有内容和背景越过箭头,如果我然后在表格周围添加边框,则呈现侧被“切断”。

编辑 3:

我知道问题是什么!!!

这是 _UITableViewHeaderFooterViewBackground 不能很好地与 AutoLayout 配合使用!!

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

在此处输入图片说明

编辑 4 / 更新:

今天我构建了以下应用程序,即使没有节标题,该错误仍然存​​在!

  1. 在 IB 中,创建一个带有两个按钮的 UIVC,一个左上角,另一个右上角。

  2. 从资产目录中拖出一个 UITVC 并将其放在原始 VC 的一侧,然后从资产库中拖出一个 UIVC 并将其放在另一侧。

  3. 将 UITableView 从资产库拖到“新” UIViewController 上,只需将其顶部和底部设置为引导安全区域布局,将左右设置为安全边距,0 常量(您可以保留默认值 20 - 没有区别)。

  4. 现在,将这些按钮连接到原始 UIVC,以便按下每个按钮会实例化一个或其他两个控制器,并在弹出窗口中显示它们。

请注意,在任何 UIViewController 上都没有格式化、没有样式、没有更改任何默认的 IB 设置。

这是“中心” 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
    }
Run Code Online (Sandbox Code Playgroud)

这是 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
    }
}
Run Code Online (Sandbox Code Playgroud)

和另一个:

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
    }
}
Run Code Online (Sandbox Code Playgroud)

这是IB配置:

在此处输入图片说明

在此处输入图片说明 结果如下:

在此处输入图片说明 在此处输入图片说明

在此处输入图片说明

在此处输入图片说明

iOS*_*Fun 1

好吧,我用了苹果公司的支持票来解决这个问题——在这里呆了一年却没有得到任何答复。

旧的方法(在弹出窗口上设置边框)将永远不会再起作用,因为 UITableViewController 及其 UITableView 正在进行底层自动布局。

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

值得庆幸的是,代码更改很少(只需将继承从 UITableViewController 更改为 UIViewController,然后添加 UITableViewDelegate 即可)

然后确保包含该表的 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
}
Run Code Online (Sandbox Code Playgroud)