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

Question

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

只要tableView的内容大小大于其框架大小，tableView的第一行就会最初显示在标题的下方，，但可以轻松滚动回该位置。

strong>

初始加载后，窗口的屏幕截图。

内容大小大于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的插入来表现它，即显示第一行：

    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 

两个剪辑视图及其框架矩形。 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魔术的情况下，了解这些内容是如何进行的是一个值得练习的事情。