MapKit iOS 9 detailCalloutAccessoryUtilizzo di visualizzazione

Question

Dopo aver visto WWDC video 206 ho pensato che sarebbe stato un compito banale aggiungere la vista di dettaglio del richiamo a una vista di annotazione mapView.

Quindi, presumo che sto facendo qualcosa di sbagliato.

Con la mia vista pin istituito

func mapView(mapView: MKMapView, viewForAnnotation annotation: MKAnnotation) -> MKAnnotationView? { 

    let view:MKAnnotationView! 

    if let dequed = routeMapView.dequeueReusableAnnotationViewWithIdentifier("pin") { 
     view = dequed 
    } 
    else { 
     view = MKPinAnnotationView(annotation: annotation, reuseIdentifier: "pin") 
    } 

    let x = UIView(frame: CGRectMake(0, 0, 200, 200)) 
    x.backgroundColor = UIColor.redColor() 

    // shows the red 
    //view.leftCalloutAccessoryView = x 

    // working as no subtitle - but no red view 
    view.detailCalloutAccessoryView = x 

    view.canShowCallout = true 
    return view 
} 

ho solo questo

So che la vista sta funzionando, perché se provo con la leftCalloutAccessoryView ottengo

Mi manca qualcosa. Nota, se ho appena aggiungere un'immagine al detailCalloutAccessoryView come

view.detailCalloutAccessoryView = UIImage(named:"YourImageName") 

L'immagine è lì, dimensioni correttamente ecc

non riesco proprio a capire come mettere nel mio visualizzazione personalizzata.

Grazie

Answer 1

È necessario aggiungere alcuni vincoli per la larghezza e l'altezza della vista:

func mapView(mapView: MKMapView, viewForAnnotation annotation: MKAnnotation) -> MKAnnotationView? { 
    var av = mapView.dequeueReusableAnnotationViewWithIdentifier("id") 
    if av == nil { 
     av = MKPinAnnotationView(annotation: annotation, reuseIdentifier: "id") 
    } 

    let myView = UIView() 
    myView.backgroundColor = .greenColor() 

    let widthConstraint = NSLayoutConstraint(item: myView, attribute: .Width, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1, constant: 40) 
    myView.addConstraint(widthConstraint) 

    let heightConstraint = NSLayoutConstraint(item: myView, attribute: .Height, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1, constant: 20) 
    myView.addConstraint(heightConstraint) 

    av!.detailCalloutAccessoryView = myView 
    av!.canShowCallout = true 

    return av! 
} 

Aggiunta di un intrinsicContentSize funziona anche.

Ho eseguito alcune prove e ho scoperto che MapKit imposta automaticamente translatesAutoresizingMaskIntoConstraints su falso, quando si imposta una vista su detailCalloutAccessoryView.

Nella sessione WWDC 2015 "What's New in MapKit" è stato detto che "il layout automatico è supportato". Suppongo che Apple significhi davvero, che devi usare il layout automatico ?!

Answer 2

Usa UIImageView

view.detailCalloutAccessoryView = UIImageView(image:UIImage(named:"YourImageName")) 

Answer 3

1. Creare un UIView e aggiungerlo alla vostra mappe VC nella Storyboard

Qui è possibile impostare la dimensione , i vincoli, aggiungere pulsanti, immagini, ecc - layout come vuoi. Le viste dello stack funzionano perfettamente in questo caso.

2. Creare e di uscita per il vostro Maps VC

controllo di trascinamento, come al solito, dalla visualizzazione personalizzata.

@IBOutlet var customDetailView: UIView! 

3. Impostare la detailCalloutAccessoryView per il vostro pin

Per esempio

func mapView(mapView: MKMapView, didSelectAnnotationView view: MKAnnotationView) { 
    view.detailCalloutAccessoryView = customDetailView 
} 

Successo