点击时自定义注释的边框出（不是入）答案

【问题标题】：Border out (not IN) of custom annotation swift when tapped点击时自定义注释的边框出（不是入）
【发布时间】：2018-01-09 01:57:11
【问题描述】：

当在 MapView 中自定义我的注释视图 (Pin) 时，我需要在我的注释的白色边框 OUT 中。

我也需要在阴影中，点击时。但我怎么能做到呢？（当我取消选择注释时必须保持正确的样式）。如果我做到了：

var newFrame: CGRect = view.frame; newFrame = newFrame.insetBy(dx: -borderWidth, dy: -borderWidth); view.frame = newFrame;在 mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView) 方法中并设置边框 - 我的图像也会放大，但它不正确。

// My custom annotation
class CustomPointAnnotation: NSObject, MKAnnotation {
    var coordinate: CLLocationCoordinate2D
    var restoInfo: Restaurant?

    init(resto: Restaurant) {
        self.coordinate = resto.coordinate!
        self.restoInfo = resto
    }
}

// And func adding custom annotation on MapView
var restorationPin: CustomPointAnnotation!
func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView?
{
    let cpa = annotation as? CustomPointAnnotation
    if cpa?.restoInfo == nil {
        return nil
    }

    let annotationView = MKAnnotationView(annotation: restorationPin, reuseIdentifier: "id")

    let icon = cpa?.restoInfo?.encodeBase64toImage(base64: (cpa?.restoInfo?.logoMap)!)

    annotationView.image = icon
    annotationView.layer.masksToBounds = true
    annotationView.contentMode = .scaleAspectFill
    annotationView.frame.size = CGSize(width: 45, height: 45)
    annotationView.layer.cornerRadius = 22.5
    return annotationView
}

【问题讨论】：

您是否查看了来自 MKMapViewDelegate 的 mapView didSelect 和 didDeselect MKAnnotationView 方法？
现在是空的。我不知道怎么做:(

标签： ios swift mapkit geometry mkannotationview

【解决方案1】：

如果您实现以下两种方法来检测何时选择/取消选择注释，您可以在注释下方绘制/删除一个白色圆圈作为UIView。首先在您的视图控制器中，设置mapView 的委托。

self.mapView.delegate = self

下面是检测注释何时被点击的两种方法。

func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView) {
    /*Make a white circle*/
    let whiteBackground = UIView(frame: CGRect(x: -27, y: -55, width: 80, height: 80))
    whiteBackground.backgroundColor = UIColor.white
    whiteBackground.layer.cornerRadius = 40

    /*Set circle's tag to 1*/
    whiteBackground.tag = 1
    /*Add the circle beneath the annotation*/
    view.insertSubview(whiteBackground, at: 0)
}

func mapView(_ mapView: MKMapView, didDeselect view: MKAnnotationView) {
    /*Removing the white circle*/
    view.viewWithTag(1)?.removeFromSuperview()
}

解释。单击注释时，将调用didSelect 方法，并从UIView 创建一个白色圆圈。 这个白色圆圈视图有一个标签1，以便在需要删除时方便。然后这个视图将作为一个子视图插入，注释的视图作为索引为零的超级视图，以使其显示在注释后面。 didDeselect 方法通过引用标签来移除圆圈。

就个人而言，最好只插入一个白色圆圈作为UIImageView，而不是从UIView 中创建一个圆圈，因为它不那么hack-ish。

演示

【讨论】：