NSTableView第一行最初出现在标题后面

Question

我以编程方式在我的应用程序中创建tableView，我遇到了这个问题：

每当我的tableView的内容大小大于它的框架时，tableView的第一行最初会出现在标题下面，但它可以很容易地滚动回到该位置。

初始加载后窗口的截图。

内容大小大于tableView框架（问题在这里）：

内容大小小于tableView框架（这里都很好）：

我的NSViewController类代码：

class MainViewController: NSViewController, NSTableViewDelegate, NSTableViewDataSource {

let label: NSTextField = {
    let label = NSTextField()
    label.stringValue = "Test App"
    label.font = NSFont.boldSystemFont(ofSize: 14)
    label.textColor = .white
    label.alignment = .center
    label.drawsBackground = false
    label.isBezeled = false
    label.isSelectable = true
    label.isEditable = false
    label.translatesAutoresizingMaskIntoConstraints = false
    return label
}()

let labelContainerView: NSView = {
    let view = NSView()
    view.translatesAutoresizingMaskIntoConstraints = false
    return view
}()

let tableView: NSTableView = {
    let tableView = NSTableView()
    tableView.translatesAutoresizingMaskIntoConstraints = false
    tableView.usesAlternatingRowBackgroundColors = true

    let column = NSTableColumn(identifier: .init(rawValue: "MyColumnID"))
    column.headerCell.title = "Test"
    column.headerCell.alignment = .center
    tableView.addTableColumn(column)

    return tableView
}()

let scrollView: NSScrollView = {
    let scrollView = NSScrollView()
    scrollView.hasVerticalScroller = true
    scrollView.translatesAutoresizingMaskIntoConstraints = false
    return scrollView
}()

override func loadView() {
    view = NSView()
    view.wantsLayer = true
}

var names: [String] = []

override func viewDidLoad() {
    super.viewDidLoad()

    layoutUI()

    for i in 1...9 {
        let name = "Test \(i)"
        names.append(name)
    }

    scrollView.documentView = tableView

    tableView.delegate = self
    tableView.dataSource = self
}



func tableView(_ tableView: NSTableView, viewFor tableColumn: NSTableColumn?, row: Int) -> NSView? {

    let newCell = MyCellView(identfier: NSUserInterfaceItemIdentifier(rawValue: "MyColumnID"))

    newCell.textView.stringValue = names[row]

    return newCell
}


func numberOfRows(in tableView: NSTableView) -> Int {
    return names.count
}

func layoutUI() {
    view.addSubview(labelContainerView)
    view.addSubview(scrollView)
    labelContainerView.addSubview(label)

    NSLayoutConstraint.activate([
        labelContainerView.topAnchor.constraint(equalTo: view.topAnchor),
        labelContainerView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
        labelContainerView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
        labelContainerView.heightAnchor.constraint(equalTo: view.heightAnchor,
                                                   multiplier: 1/5),

        label.centerXAnchor.constraint(equalTo: labelContainerView.centerXAnchor),
        label.centerYAnchor.constraint(equalTo: labelContainerView.centerYAnchor,
                                       constant: -4),

        scrollView.heightAnchor.constraint(equalTo: view.heightAnchor,
                                           multiplier: 4/5),
        scrollView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
        scrollView.bottomAnchor.constraint(equalTo: view.bottomAnchor),
        scrollView.trailingAnchor.constraint(equalTo: view.trailingAnchor)
        ])
}

}

Answer 1

我不建议在代码中设置NSTableView。在Interface Builder中更容易做到这一点，可以防止不必要的副作用。在任何情况下，如果NSTableView没有按预期显示第一行，我将在相关的NSScrollView上使用scrollToVisible，以在加载数据后使第一行可见。

Answer 2

我一直在研究同样的问题（以编程方式创建滚动表）。我建了一个面包板版本，除了这个特殊的问题外，它的工作原理。

当NSTableView具有NSTableHeaderView时，NSScrollview实际上有两个NSClipviews。从.contentView属性访问的那个包含表视图，第二个包含标题和NSVisualEffectView。它们都是滚动视图的子视图。

通过调整contentView insets，我得到它的行为，即显示第一行：

    scrollView.contentView.contentInsets = NSEdgeInsets(top: headerView!.frame.height, left: 0, bottom: 0, right: 0)

我尝试了各种自动布局策略，这些策略不起作用，或者看起来很可疑。

下面是一个填充生成数据的两列表的样子，让我看看发生了什么。

概述（不是代码，但是我可以将其格式化的唯一方法）：

    Scroll View Subviews: 4
    NSClipView
      NSTableBackgroundView (-250.0, -456.0, 1000.0, 456.0)
      NSTableView (0.0, 0.0, 500.0, 4750.0)
    NSClipView
      NSVisualEffectView (0.0, 0.0, 500.0, 23.0)
      NSTableHeaderView (0.0, 0.0, 500.0, 23.0)
    NSScroller
    NSScroller 

两个剪辑视图，其框架为rects。 0是内容视图：

    ClipView 0 (0.0, 0.0, 500.0, 438.0)
      NSTableBackgroundView 0 (-250.0, -456.0, 1000.0, 456.0)
      NSTableView 1 (0.0, 0.0, 500.0, 4750.0)
    ClipView 1 (0.0, 0.0, 500.0, 23.0)
      NSVisualEffectView 0 (0.0, 0.0, 500.0, 23.0)
      NSTableHeaderView 1 (0.0, 0.0, 500.0, 23.0)

仍然不完全了解发生了什么。

但我确实相信知道这些东西如何在没有IB魔法的情况下工作，这是值得的。