didSelect先于didDeselect执行的Snapchat式地图视图开发问题

我之前做类似地图交互功能时也踩过这个坑，系统默认的回调顺序确实会搞乱我们的状态逻辑——选中新Annotation时，didSelect先触发，旧Annotation的didDeselect才跟上，导致新旧Annotation的大小切换不同步，甚至出现两个大Annotation的异常视觉效果。下面分享几个靠谱的解决方案：

方案一：手动管理选中状态（最可靠） #

放弃依赖系统的didSelect/didDeselect执行顺序，自己维护当前选中的Annotation实例，手动控制状态切换的流程。

实现步骤： #

1. 在视图控制器里添加一个变量，记录当前选中的Annotation：

private var currentSelectedAnnotation: MKAnnotation?

2. 重写地图的didSelect回调，先处理旧Annotation的缩小，再处理新Annotation的放大：

func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView) {
    guard let newAnnotation = view.annotation else { return }
    
    // 第一步：还原旧选中Annotation的大小
    if let oldAnnotation = currentSelectedAnnotation, let oldView = mapView.view(for: oldAnnotation) {
        shrinkAnnotationView(oldView)
    }
    
    // 第二步：放大新选中的Annotation
    enlargeAnnotationView(view)
    currentSelectedAnnotation = newAnnotation
    
    // 同步更新底部CollectionView的选中状态
    if let index = yourAnnotationArray.firstIndex(of: newAnnotation) {
        collectionView.selectItem(at: IndexPath(row: index, section: 0), animated: true, scrollPosition: .centeredVertically)
    }
}

3. 地图的didDeselect回调可以留空，因为我们已经在选中新Annotation时处理了旧状态的还原：

func mapView(_ mapView: MKMapView, didDeselect view: MKAnnotationView) {
    // 无需额外处理，避免重复操作
}

4. 补充CollectionView选中时的同步逻辑：

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    let targetAnnotation = yourAnnotationArray[indexPath.row]
    
    // 先还原旧选中Annotation
    if let oldAnnotation = currentSelectedAnnotation, let oldView = mapView.view(for: oldAnnotation) {
        shrinkAnnotationView(oldView)
    }
    
    // 选中并放大新Annotation，同时让地图滚动到对应位置
    mapView.selectAnnotation(targetAnnotation, animated: true)
    if let newView = mapView.view(for: targetAnnotation) {
        enlargeAnnotationView(newView)
    }
    currentSelectedAnnotation = targetAnnotation
    mapView.setCenter(targetAnnotation.coordinate, animated: true)
}

5. 自定义放大/缩小的动画方法：

private func enlargeAnnotationView(_ view: MKAnnotationView) {
    UIView.animate(withDuration: 0.2) {
        view.transform = CGAffineTransform(scaleX: 1.5, y: 1.5)
    }
}

private func shrinkAnnotationView(_ view: MKAnnotationView) {
    UIView.animate(withDuration: 0.2) {
        view.transform = .identity
    }
}

方案二：延迟执行didSelect的放大逻辑（快速临时方案） #

如果不想手动管理状态，可以利用DispatchQueue.main.async把放大逻辑放到下一个Runloop执行，这样系统的didDeselect会先完成旧Annotation的缩小：

func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView) {
    // 延迟到下一个Runloop执行放大，确保didDeselect先触发
    DispatchQueue.main.async { [weak self] in
        self?.enlargeAnnotationView(view)
        // 同步更新CollectionView选中状态
    }
}

func mapView(_ mapView: MKMapView, didDeselect view: MKAnnotationView) {
    shrinkAnnotationView(view)
}

⚠️ 注意：这个方案适合简单场景，快速连续点击Annotation时可能还是会出现状态异常，优先推荐方案一。

核心思路总结 #

问题的本质是系统回调顺序不符合我们的业务逻辑预期，所以最稳妥的方式是脱离对系统回调顺序的依赖，自己掌控状态切换的先后顺序：先还原旧状态，再激活新状态，这样就能完美实现选中Annotation单独放大的效果，同时同步CollectionView的选中状态。

内容的提问来源于stack exchange，提问作者NoSixties