Swift:NSTableView拖动以重新排序项目如何在拖动过程中显示单元格

Question

我正在实现拖放来重新排序单元格，一切正常，但我希望在拖动过程中单元格 View 跟随鼠标。

我正在使用 NSTableRowView。我需要让它与 NSTableRowView 一起工作。如果您知道该怎么做..

实际结果:

我的实际代码:

    public func tableView(_ tableView: NSTableView, pasteboardWriterForRow row: Int) -> NSPasteboardWriting? {
        let account = viewModel.formattedServices[row]

        let pasteboardItem = NSPasteboardItem()
        pasteboardItem.setString(account.id, forType: NSPasteboard.PasteboardType(rawValue: "mymoney.account"))
        return pasteboardItem
    }

    public func tableView(_ tableView: NSTableView, validateDrop info: NSDraggingInfo, proposedRow row: Int, proposedDropOperation dropOperation: NSTableView.DropOperation) -> NSDragOperation {

        if dropOperation == .above {
            return .move
        } else {
            return []
        }
    }

    public func tableView(_ tableView: NSTableView, acceptDrop info: NSDraggingInfo, row: Int, dropOperation: NSTableView.DropOperation) -> Bool {
        guard let item = info.draggingPasteboard.pasteboardItems?.first,
              let theString = item.string(forType: NSPasteboard.PasteboardType(rawValue: "mymoney.account")),
              let account = viewModel.formattedServices.first(where: { $0.id == theString }),
              let originalRow = viewModel.formattedServices.firstIndex(where: { $0.id == account.id })
                else { return false }

        var newRow = row
        // When you drag an item downwards, the "new row" index is actually --1. Remember dragging operation is `.above`.
        if originalRow < newRow {
            newRow = row - 1
        }

        // Animate the rows
        tableView.beginUpdates()
        tableView.moveRow(at: originalRow, to: newRow)
        tableView.endUpdates()

        return true
    }

我找不到在拖动过程中返回单元格 View 的方法。

对于返回单元格 View ，我使用 func tableView(_ tableView: NSTableView, rowViewForRow row: Int) -> NSTableRowView?

还有我的NSTableRowView:

class ServicesTableViewCell: NSTableRowView, CustomCelleable {

    @IBOutlet weak var titleLbl: NSTextField!
    @IBOutlet weak var notificationCount: NSButton!
    @IBOutlet weak var iconImageView: NSImageView!


    override func draw(_ dirtyRect: NSRect) {
        super.draw(dirtyRect)
        isEmphasized = false
    }

    func setup(with item: Celleable) { }

Answer 1

第 1 步 NSTableRowView 无法替换 NSTableCellView，请使用 NSTableCellView 作为表格单元格。

从测试应用程序开始。在 IB 中，选择表格 View 中的列，然后从库中添加文本表格单元格 View 。

在 ViewController.swift 中，将 tableView(_:rowViewForRow:) 替换为 tableView(_:viewFor:row:)。

func tableView(_ tableView: NSTableView, viewFor tableColumn: NSTableColumn?, row: Int) -> NSView? {
    guard let cell = tableView.makeView(withIdentifier: tableColumn!.identifier, owner: self) as? NSTableCellView else {
        fatalError()
    }

    cell.textField?.stringValue = array[row].name

    return cell
}

在setTableView()中删除注册 Nib 。

func setTableView() {
    tableView.delegate = self
    tableView.dataSource = self
    tableView.registerForDraggedTypes([NSPasteboard.PasteboardType(rawValue: "mymoney.account")])
}

不再使用ServicesTableViewCell。

第 2 步使用 NSTableRowView 的子类禁用 isEmphasized:

添加 NSTableRowView 的子类，我们将其命名为 ServicesTableRowView。

覆盖isEmphasized以使其始终false。

class ServicesTableRowView: NSTableRowView {

    override var isEmphasized: Bool {
        get {
            return false
        }
        set {
            // do nothing
        }
    }

}

在 IB 中选择 TableView 并从库中添加自定义 View 。将 View 的类设置为 ServicesTableRowView，并将标识符设置为 NSTableViewRowViewKey。

修改后的测试项目:we.tl/t-yjpZrz6q7g