自定义iOS8标注泡沫(Swift)

iOS 前端之家
前端之家收集整理的这篇文章主要介绍了自定义iOS8标注泡沫(Swift)，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我想定制iOS8 MapView标注泡泡,当您点击MKAnnotationView时可以看到它.默认气泡是有限制的(只有标题,副标题和2附件视图),所以我很难找到一个替代解决方案.这里有两种可能的方法和我面临的相对问题：

问题1)创建一个自定义的呼叫泡泡

挖掘Apple documentation我发现这个：

When you use a custom view instead of a standard callout,you need to
do extra work to make sure your callout shows and hides appropriately
when users interact with it. The steps below outline the process for
creating a custom callout that contains a button:

Design an NSView or UIView subclass that represents the custom
callout. It’s likely that the subclass needs to implement the
drawRect: method to draw your custom content. Create a view controller
that initializes the callout view and performs the action related to
the button. In the annotation view,implement hitTest: to respond to
hits that are outside the annotation view’s bounds but inside the
callout view’s bounds,as shown in Listing 6-7. In the annotation
view,implement setSelected:animated: to add your callout view as a
subview of the annotation view when the user clicks or taps it. If the
callout view is already visible when the user selects it,the
setSelected: method should remove the callout subview from the
annotation view (see Listing 6-8). In the annotation view’s
initWithAnnotation: method,set the canShowCallout property to NO to
prevent the map from displaying the standard callout when the user
selects the annotation. Listing 6-7 shows an example of implementing
hitTest: to handle hits in the callout view that might be outside the
bounds of the annotation view.

  1. Listing 6-7  Responding to hits within a custom callout
  2. - (NSView *)hitTest:(NSPoint)point
  3. {
  4.     NSView *hitView = [super hitTest:point];
  5.     if (hitView == nil && self.selected) {
  6.         NSPoint pointInAnnotationView = [self.superview convertPoint:point toView:self];
  7.         NSView *calloutView = self.calloutViewController.view;
  8.         hitView = [calloutView hitTest:pointInAnnotationView];
  9.     }
  10.     return hitView;
  11. }

Listing 6-8 shows an example of implementing setSelected:animated: to
animate the arrival and dismissal of a custom callout view when the
user selects the annotation view.

  1. Listing 6-8  Adding and removing a custom callout view
  2. - (void)setSelected:(BOOL)selected
  3. {
  4.     [super setSelected:selected];
  5.  
  6.     // Get the custom callout view.
  7.     NSView *calloutView = self.calloutViewController.view;
  8.     if (selected) {
  9.         NSRect annotationViewBounds = self.bounds;
  10.         NSRect calloutViewFrame = calloutView.frame;
  11.       // Center the callout view above and to the right of the annotation view.
  12.         calloutViewFrame.origin.x = -(NSWidth(calloutViewFrame) - NSWidth(annotationViewBounds)) * 0.5;
  13.         calloutViewFrame.origin.y = -NSHeight(calloutViewFrame) + 15.0;
  14.         calloutView.frame = calloutViewFrame;
  15.  
  16.         [self addSubview:calloutView];
  17.     } else {
  18.         [calloutView.animator removeFromSuperview];
  19.     }
  20. }

现在,当我尝试将此Objective-C代码转换为Swift时,我找不到此属性：

  1. NSView *calloutView = self.calloutViewController.view;

如何访问标注气泡视图？

问题2)修改默认呼叫泡泡

如前所述,显示的默认标注包括标题,副标题和2个附件视图.我注意到我不能改变字符串的字体风格或泡沫的颜色.另外如果我的标题有超过24个字符我的附件视图定位被搞砸了.
如何避免这个问题？

解决方法

calloutViewController是处理事件的自定义标注视图的一部分.你不会在MapKit或其他地方找到它.
苹果的指示是好的.要创建自己的标注,您应该遵循以下步骤： 
  1. 1. Create custom MKAnnotationView or MAPinAnnotationView
  2. 2. Override setSelected and hitTest methods in your annotation
  3. 3. Create your own callout view
  4. 4. Override hitTest and pointInside in you callout view
  5. 5. Implement MapView delegate methods didSelectAnnotationView,didDeselectAnnotationView

我已经结束了这些解决方案,允许我处理标注视图中的触摸,而不会丢失选择.

注解

  1. class MapPin: MKAnnotationView {
  2.     class var reuseIdentifier:String {
  3.         return "mapPin"
  4.     }
  5.  
  6.     private var calloutView:MapPinCallout?
  7.     private var hitOutside:Bool = true
  8.  
  9.     var preventDeselection:Bool {
  10.         return !hitOutside
  11.     }
  12.  
  13.  
  14.     convenience init(annotation:MKAnnotation!) {
  15.         self.init(annotation: annotation,reuseIdentifier: MapPin.reuseIdentifier)
  16.  
  17.         canShowCallout = false;
  18.     }
  19.  
  20.     override func setSelected(selected: Bool,animated: Bool) {
  21.         let calloutViewAdded = calloutView?.superview != nil
  22.  
  23.         if (selected || !selected && hitOutside) {
  24.             super.setSelected(selected,animated: animated)
  25.         }
  26.  
  27.         self.superview?.bringSubviewToFront(self)
  28.  
  29.         if (calloutView == nil) {
  30.             calloutView = MapPinCallout()
  31.         }
  32.  
  33.         if (self.selected && !calloutViewAdded) {
  34.             addSubview(calloutView!)
  35.         }
  36.  
  37.         if (!self.selected) {
  38.             calloutView?.removeFromSuperview()
  39.         }
  40.     }
  41.  
  42.     override func hitTest(point: CGPoint,withEvent event: UIEvent?) -> UIView? {
  43.         var hitView = super.hitTest(point,withEvent: event)
  44.  
  45.         if let callout = calloutView {
  46.             if (hitView == nil && self.selected) {
  47.                 hitView = callout.hitTest(point,withEvent: event)
  48.             }
  49.         }
  50.  
  51.         hitOutside = hitView == nil
  52.  
  53.         return hitView;
  54.     }
  55. }

标注视图

  1. class MapPinCallout: UIView {
  2.     override func hitTest(var point: CGPoint,withEvent event: UIEvent?) -> UIView? {
  3.         let viewPoint = superview?.convertPoint(point,toView: self) ?? point
  4.  
  5.         let isInsideView = pointInside(viewPoint,withEvent: event)
  6.  
  7.         var view = super.hitTest(viewPoint,withEvent: event)
  8.  
  9.         return view
  10.     }
  11.  
  12.     override func pointInside(point: CGPoint,withEvent event: UIEvent?) -> Bool {
  13.         return CGRectContainsPoint(bounds,point)
  14.     }
  15. }

如果您需要其他东西,但按钮可以在标注中添加代码,以在hitTest返回视图之前处理特定视图中的触摸

  1. if calloutState == .Expanded && CGRectContainsPoint(tableView.frame,viewPoint) {
  2.     view = tableView.hitTest(convertPoint(viewPoint,toView: tableView),withEvent: event)
  3. }

委托方法

  1. func mapView(mapView: MKMapView!,didSelectAnnotationView view: MKAnnotationView!) {
  2.     if let mapPin = view as? MapPin {
  3.         updatePinPosition(mapPin)
  4.     }
  5. }
  6.  
  7. func mapView(mapView: MKMapView!,didDeselectAnnotationView view: MKAnnotationView!) {
  8.     if let mapPin = view as? MapPin {
  9.         if mapPin.preventDeselection {
  10.             mapView.selectAnnotation(view.annotation,animated: false)
  11.         }
  12.     }
  13. }
  14.  
  15. func updatePinPosition(pin:MapPin) {
  16.     let defaultShift:CGFloat = 50
  17.     let pinPosition = CGPointMake(pin.frame.midX,pin.frame.maxY)
  18.  
  19.     let y = pinPosition.y - defaultShift
  20.  
  21.     let controlPoint = CGPointMake(pinPosition.x,y)
  22.     let controlPointCoordinate = mapView.convertPoint(controlPoint,toCoordinateFromView: mapView)
  23.  
  24.     mapView.setCenterCoordinate(controlPointCoordinate,animated: true)
  25. }

猜你在找的iOS相关文章

去除友盟等第三方SDK失败的解决办法(clang: error: no such file or directory:xx)
背景 前端时间产品经理决定使用百度统计，使得 工程B 中原统计sdk-友盟统计，需要被去除。...
alloc 和 init都做了什么验证。
结论： alloc负责分配内存和创建对象对应的isa指针； init只是返回alloc生成的对象。 所以...
用launchscreen.storyboard适配启动图方法
更新 如果UI愿意把启动图切割成n份，按一定约束在launchscreen.storyboard中进行排版，启动...
OC循环方法推荐-块循环遍历（比for循环好用）
最近在看一本书《Effective OC 2.0》,今天看到有个tip是OC适中循环各自优劣性，作者最终推...
使用PaintCode便捷地实现动画效果
// // ViewController.m // paintCodeTestOC //gif // Created by LongMa on 2019/7/25. /...
关于数组内元素是否会被改变的思考
起因 项目中双层for循环时，想当然的认为内部局部指针变量的变化会影响外面数组中模型的地...
定位权限请求时易犯的错误小结
起因 用户群反馈app可能请求了不合适的定位权限：始终定位。 看到这个截图，根据经验判断可...
用launchscreen.storyboard适配启动图方法(二)
背景 之前有写一篇实现方式比较简单的随笔用launchscreen.storyboard适配启动图方法，顺便...
oc工程中oc、swift混编代码打包成静态framework踩坑笔记
参考资料： https://www.jianshu.com/p/734341f7c242 https://www.jianshu.com/p/55038871...
用墨卡托和GPS坐标计算距离时误差测试
iOS墨卡托和GPS坐标计算距离时误差测试，测试结果： 墨卡托和gps坐标来回转换没有误差。 墨...
iOSAndroidSwiftHybridCocos2d-xFlutterXcodeSilverlightcocoaCordova
调试桥筛选栏假异步不会丢失AndPermissio权限申请抽屉式systemUI信号栏多行排列跨多行显示viewmode数据共享录制语音视频通话多行显示Studio3.5拉伸控件望远镜发动态走势图点赞控件显示牌冷启动v3签名v2签名v1签名本地html外接键盘流式标签