iOS Swift4下MKMapView大头针添加平滑动画实现方案咨询

嘿，这个问题我之前在Swift 4开发iOS地图功能时也踩过坑！其实不用搞太复杂的自定义动画，几个简单的调整就能找回流畅的动画效果，下面分享几个实用的方案：

方案一：严格遵循系统推荐的AnnotationView创建流程 #

很多时候动画缺失是因为没按系统的路子来——别手动把AnnotationView直接add到mapView上，让MKMapView自己管理视图生命周期：

1. 先创建你的MKPointAnnotation实例，设置好坐标、标题等信息：

let annotation = MKPointAnnotation()
annotation.coordinate = CLLocationCoordinate2D(latitude: 39.9042, longitude: 116.4074)
annotation.title = "北京"

2. 调用MKMapView的addAnnotations(_:)方法添加（单个用addAnnotation(_:)）：

mapView.addAnnotation(annotation)

3. 在MKMapView的代理方法mapView(_:viewFor:)中返回你的MKAnnotationView（包括自定义的）：

func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? {
    // 跳过用户位置的大头针
    guard annotation is MKPointAnnotation else { return nil }
    
    let reuseIdentifier = "CustomPin"
    // 优先复用已存在的视图，提升性能
    var annotationView = mapView.dequeueReusableAnnotationView(withIdentifier: reuseIdentifier) as? MKPinAnnotationView
    
    if annotationView == nil {
        annotationView = MKPinAnnotationView(annotation: annotation, reuseIdentifier: reuseIdentifier)
        // 开启系统默认的下落动画
        annotationView?.animatesDrop = true
        annotationView?.canShowCallout = true
    } else {
        annotationView?.annotation = annotation
    }
    
    return annotationView
}

这里关键是设置animatesDrop = true，系统会自动给大头针加上从天上落下的动画，而且性能优化得很好。

方案二：批量添加时分批加载，避免卡顿 #

如果要一次性加几十个甚至上百个大头针，直接调用addAnnotations会导致动画挤在一起，显得卡顿。这时候可以分批添加，给系统一点喘息的时间：

let allAnnotations: [MKPointAnnotation] = // 你的所有大头针数组
let batchSize = 10 // 每批添加的数量
var currentIndex = 0

func addAnnotationsInBatches() {
    guard currentIndex < allAnnotations.count else { return }
    
    let endIndex = min(currentIndex + batchSize, allAnnotations.count)
    let batch = allAnnotations[currentIndex..<endIndex]
    mapView.addAnnotations(Array(batch))
    
    currentIndex = endIndex
    // 延迟0.1秒再添加下一批，让动画流畅展示
    DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
        self.addAnnotationsInBatches()
    }
}

// 调用这个方法开始分批添加
addAnnotationsInBatches()

分批加载能让每一批的大头针动画都完整展示，不会因为一次性加载太多导致UI线程阻塞。

方案三：自定义AnnotationView时避免初始化耗时操作 #

如果用的是自定义的MKAnnotationView，别在初始化方法里做加载图片、复杂计算这类耗时操作，不然会拖慢动画：

• 提前把自定义大头针的图片缓存好，比如在viewDidLoad里预加载：

lazy var customPinImage: UIImage = {
    return UIImage(named: "custom_pin") ?? UIImage()
}()

• 在代理方法里直接复用缓存的图片：

func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? {
    guard annotation is MKPointAnnotation else { return nil }
    
    let reuseIdentifier = "CustomPin"
    var annotationView = mapView.dequeueReusableAnnotationView(withIdentifier: reuseIdentifier)
    
    if annotationView == nil {
        annotationView = MKAnnotationView(annotation: annotation, reuseIdentifier: reuseIdentifier)
        annotationView?.image = customPinImage
        // 初始状态设为透明，准备做淡入动画
        annotationView?.alpha = 0
    } else {
        annotationView?.annotation = annotation
    }
    
    // 给自定义视图添加入场动画
    UIView.animate(withDuration: 0.3) {
        annotationView?.alpha = 1
    }
    
    return annotationView
}

这里用了淡入的自定义动画，比系统的下落动画更灵活，而且因为提前缓存了图片，动画不会卡顿。

额外小技巧：临时降低地图渲染压力 #

如果地图本身的渲染压力大（比如开启了卫星视图、大量overlay），也会影响大头针的动画流畅度。可以在添加大头针前临时切换到普通视图，添加完成后再恢复：

// 添加前切换到标准视图
mapView.mapType = .standard
// 执行大头针添加操作...
// 添加完成1秒后恢复原视图类型
DispatchQueue.main.asyncAfter(deadline: .now() + 1.0) {
    self.mapView.mapType = .hybrid
}

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