ios - 自定义 MKMarkerAnnotationView 第一次在 UITableViewCell 中无法正确显示

Question

我有一个表格 View ，我想在 UITableViewCell 中显示自定义 MKMarkerAnnotationView。该 TableView 显示在专用的 ViewController 中，而 ViewController 位于 TabBarController 中。第二个选项卡显示 map (但这在这里并不重要)。

我创建了一个继承自 MKMarkerAnnotationView 的类“EdgePinViewAnnotation”在我的 Storyboard中，在 TableView 中，我添加了一个 UITableViewCell，其中包含一些标签和一个具有“EdgePinViewAnnotation”类的 View

在 UITableViewCell 的实现中，我正在初始化我的自定义“EdgePinViewAnnotation”。不幸的是，当单元格显示在表格中时，显示的是默认的 MKMarkerAnnotationView，而不是我自定义的“EdgePinViewAnnotation”。

当我滚动 TableView 并且单元格走出屏幕然后刷新时，它会正确显示我的“EdgePinViewAnnotation”。

为什么第一次显示不正确？

这是我为自定义 MKMarkerAnnotationView 实现的代码

class EdgePinViewAnnotation: MKMarkerAnnotationView {

    override var annotation: MKAnnotation? {
        willSet {
            if let edgeAnnotation = newValue as? EdgePin {
                animatesWhenAdded = true
                isDraggable = true
                canShowCallout = true
                initRenderingProperties(pin: edgeAnnotation)
            }
        }
    }


    func initWith(edgePin:EdgePin) {
        animatesWhenAdded = false
        isDraggable = false
        canShowCallout = false
        initRenderingProperties(pin: edgePin)
    }

    func initRenderingProperties(pin edgePin:EdgePin) {
        glyphTintColor = UIColor.white
        glyphText = "\(edgePin.index)"
        markerTintColor = edgePin.renderingColor
    }

}

这是我的 UITableView 中的代码

   func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        if indexPath.section == 0 {
            if let cell = tableView.dequeueReusableCell(withIdentifier: CellId.DistanceConfigurationCellId, for: indexPath) as? DistanceConfigurationTableViewCell {
                cell.theLabel.text = findMe.edgePoints[indexPath.row].address
                let coord = findMe.edgePoints[indexPath.row].coordinate
                cell.coordinates.text = "Lat:\(coord.latitude) / Long:\(coord.longitude)"
                cell.theTextField.text = "\(findMe.edgePoints[indexPath.row].distance)"
                cell.theTextField.delegate = self
                cell.theTextField.tag = indexPath.row
                cell.theMarker.initWith(edgePin:findMe.edgePoints[indexPath.row])
                return cell
            }
        } else {
     return UITableViewCell()
    }
}



class DistanceConfigurationTableViewCell: UITableViewCell {

    @IBOutlet weak var theLabel: UILabel!
    @IBOutlet weak var coordinates: UILabel!
    @IBOutlet weak var theTextField: UITextField!

    @IBOutlet weak var theMarker: EdgePinViewAnnotation!

}

Answer 1

我找到了解决方案，即使我不太明白。

必须在

中配置 MKMarkerAnnotationView

tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) 

而不是

tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell

然后以下代码开始工作，并且 MKMarkerAnnotationView 在每个 UITableViewCell 中正确显示

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        if indexPath.section == 0 {
            if let cell = tableView.dequeueReusableCell(withIdentifier: CellId.DistanceConfigurationCellId, for: indexPath) as? DistanceConfigurationTableViewCell {
                cell.theLabel.text = findMe.edgePoints[indexPath.row].address
                let coord = findMe.edgePoints[indexPath.row].coordinate
                cell.coordinates.text = "Lat:\(coord.latitude) / Long:\(coord.longitude)"
                cell.theTextField.text = "\(findMe.edgePoints[indexPath.row].distance)"
                cell.theTextField.delegate = self
                cell.theTextField.tag = indexPath.row

                return cell
            }
        } else {
     return UITableViewCell()
    }
}

  func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
        if let theCell = cell as? DistanceConfigurationTableViewCell {

            theCell.theMarker.initWith(edgePin:findMe.edgePoints[indexPath.row])
        }
    }