Swift: NSTableView drag to reorder item 如何在拖动过程中显示单元格

Question

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

我正在使用 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: { [=11=].id == theString }),
              let originalRow = viewModel.formattedServices.firstIndex(where: { [=11=].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
    }

我找不到在拖动过程中 return 单元格视图的方法。

对于 return 单元格视图，我使用 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，对 table 个单元格使用 NSTableCellView。

从测试应用开始。在 IB 中，select table 视图中的列并从库中添加文本 Table 单元格视图。

在 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() 中删除注册笔尖。

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

服务Table不再使用ViewCell。

步骤 2 使用 NSTableRowView 的子 class 禁用 isEmphasized:

添加 NSTableRowView 的子class，我们将其命名为 ServicesTableRowView.

覆盖 isEmphasized 以使其始终 false。

class ServicesTableRowView: NSTableRowView {

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

}

在 IB select 中 table 视图并从库中添加自定义视图。将视图的 class 设置为 ServicesTableRowView 并将标识符设置为 NSTableViewRowViewKey.

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

Swift: NSTableView drag to reorder item 如何在拖动过程中显示单元格

Swift: NSTableView drag to reorder item how to display cell during dragging

cocoa

nstableview

swift