将UIButton添加为UIWebView的子视图，并在缩放时调整其大小

我有.svg中的世界地图的图像，我加载到UIWebView 。 （我使用svg格式和UIWebView，因为图像太大而无法加载到UIImageView中）

我想在固定位置的地图上放一堆Pin。

例如，如果我在巴西放置一个引脚，无论我是否滚动或缩放UIWebView ，此引脚必须始终保留在巴西

你怎么能这样做？ 目前滚动不是问题，只有缩放

 NSString *path = [[NSBundle mainBundle] pathForResource:@"map" ofType:@"svg"]; NSURL *url=[[NSURL alloc] initFileURLWithPath:path]; NSURLRequest *request=[[NSURLRequest alloc]initWithURL:url]; [_webView loadRequest:request]; _webView.scalesPageToFit = YES; _webView.delegate = self; UIButton *but = [[UIButton alloc] initWithFrame:CGRectMake(100, 400, 30, 30)]; [but setBackgroundColor:[UIColor blackColor]]; [_webView.scrollView addSubview:but]; 

编辑 @dymv使用ScrollView的委托方法，我们可以改变按钮的大小，但有问题：

如何使用许多按钮重用此代码？

EDIT2：

我解决了相对于许多按钮的问题，但现在看来我不能把针固定在同一点上。

显然，引脚的坐标会根据变焦而改变，但问题在于视觉引脚移动太多到它应该的位置。

例如，如果我把一个别针放在巴西海岸上，当我缩小时，别针越过海洋，并没有留在海岸上。 这真的是一个问题，因为这么多针脚，最终结果会非常糟糕

 -(void)webViewDidFinishLoad:(UIWebView *)webView { CGPoint primo = CGPointMake(100, 100); for (int i = 0; i<36; i++) { UIButton *bu = [[UIButton alloc] initWithFrame:CGRectMake(primo.x, primo.y, 10, 18)]; [bu setBackgroundImage:[UIImage imageNamed:@"pin"] forState:UIControlStateNormal]; [bu addTarget:self action:@selector(buttonTouch:) forControlEvents:UIControlEventTouchUpInside]; [_webView.scrollView addSubview:bu]; bu.tag = i; [arrayOfPoint addObject:[NSValue valueWithCGPoint:bu.center]]; [arrayOfRect addObject:[NSValue valueWithCGRect:bu.frame]]; primo.x = primo.x + 20; primo.y = primo.y + 10; } } -(void)scrollViewDidZoom:(UIScrollView *)scrollView { CGFloat scale = scrollView.zoomScale; for (UIView *button in scrollView.subviews) { if ([button isMemberOfClass:[UIButton class]]) { int i = button.tag; NSValue *newValue = [arrayOfRect objectAtIndex:i]; CGRect newFrame = [newValue CGRectValue]; button.frame = CGRectMake(CGRectGetMinX(newFrame) * scale, CGRectGetMinY(newFrame) * scale, CGRectGetWidth(newFrame), CGRectGetHeight(newFrame)); } } } -(void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale { for (UIView *button in scrollView.subviews) { if ([button isKindOfClass:[UIButton class]]) { int tag = button.tag; CGRect rectPre = button.frame; [arrayOfRect replaceObjectAtIndex:tag withObject:[NSValue valueWithCGRect:rectPre]]; } } } 

解决了：

解决定位问题足以改变这种方法：

 -(void)scrollViewDidZoom:(UIScrollView *)scrollView { CGFloat scale = scrollView.zoomScale; for (UIView *button in scrollView.subviews) { if ([button isMemberOfClass:[UIButton class]]) { int i = button.tag; NSValue *newValue = [arrayOfRect objectAtIndex:i]; CGRect newFrame = [newValue CGRectValue]; button.frame = CGRectMake(CGRectGetMinX(newFrame) * scale, CGRectGetMinY(newFrame) * scale, CGRectGetWidth(newFrame) * scale, //add *scale CGRectGetHeight(newFrame) * scale); // add *scale } } } 

Answer 1

如果您的目标是iOS 5及更高版本，则可以从UIWebView实例访问scrollView属性并成为其委托。

我们对scrollView:zoom*方法感兴趣。 基本理念是：

1）在-scrollViewDidZoom:您根据scrollView.zoomScale定位按钮，并考虑currentButtonFrame ;

2）在-scrollViewDidEndZooming:withView:atScale:你正在更新currentButtonFrame 。

在这里检查示例项目。