自定义地图标注动画
我必须创建自定义的MKMapView注释，它与iOS提供的几乎相同，但具有不同的颜色（白色）和稍微不同的形状。
我的第一个尝试是防止打开原始的黑色UIAnnotationView并在AnnotationView的setSelected:animated:添加一个新的子视图到同一个UIAnnotationView 。 将它添加到超级视图后，我已将该视图动画化。 这只有一个问题：注释中的自定义按钮不可点击。
在此之后，我发现了这个优秀的例子：
https://github.com/tochi/custom-callout-sample-for-iOS
这会在用户点击CalloutAnnotation向地图添加新的PinAnnotation 。 PinAnnotation没有AnnotationView ，只有CalloutAnnotation可以。
这工作得很好，除了我无法弄清楚如何在注释视图创建时像iOS一样初始缩放动画。
我想要使用的动画是以下（在这里找到并且在我的第一次尝试中工作得很好）：
- (void)animateCalloutAppearance:(CalloutAnnotationView *)annotaitonView
{
self.endFrame = annotaitonView.frame;
CGFloat scale = 0.001f;
annotaitonView.transform = CGAffineTransformMake(scale, 0.0f, 0.0f, scale, [self xTransformForScale:scale andAnnotation:annotaitonView], [self yTransformForScale:scale]);
[UIView animateWithDuration:0.075f delay:0 options:UIViewAnimationOptionCurveEaseOut animations:^{
CGFloat scale = 1.2f;
annotaitonView.transform = CGAffineTransformMake(scale, 0.0f, 0.0f, scale, [self xTransformForScale:scale andAnnotation:annotaitonView], [self yTransformForScale:scale]);
} completion:^(BOOL finished) {
[UIView animateWithDuration:0.1 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
CGFloat scale = 0.90;
annotaitonView.transform = CGAffineTransformMake(scale, 0.0f, 0.0f, scale, [self xTransformForScale:scale andAnnotation:annotaitonView], [self yTransformForScale:scale]);
} completion:^(BOOL finished) {
[UIView animateWithDuration:0.075 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
CGFloat scale = 1.0;
annotaitonView.transform = CGAffineTransformMake(scale, 0.0f, 0.0f, scale, [self xTransformForScale:scale andAnnotation:annotaitonView], [self yTransformForScale:scale]);
} completion:nil];
}];
}];
}
#pragma mark - The helper methods
- (CGFloat)relativeParentXPosition:(CalloutAnnotationView *)annotationView {
return annotationView.bounds.size.width / 2.0f;
}
- (CGFloat)xTransformForScale:(CGFloat)scale andAnnotation:(CalloutAnnotationView *)annotationView {
CGFloat xDistanceFromCenterToParent = self.endFrame.size.width / 2.0f - [self relativeParentXPosition:annotationView];
CGFloat transformX = (xDistanceFromCenterToParent * scale) - xDistanceFromCenterToParent;
return transformX;
}
- (CGFloat)yTransformForScale:(CGFloat)scale {
CGFloat yDistanceFromCenterToParent = self.endFrame.size.height / 2.0f;
CGFloat transformY = yDistanceFromCenterToParent - yDistanceFromCenterToParent * scale;
return transformY;
}
我在这个博客上找到了答案：http://blog.asynchrony.com/2010/09/building-custom-map-annotation-callouts-part-1/
棘手的部分是你必须在CalloutAnnotationView的didMoveToSuperView做动画:)
- (void)didMoveToSuperview
{
[self animateCalloutAppearance:self];
}
我希望它可以帮助别人:)
链接地址: http://www.djcxy.com/p/67281.html