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

Question

我将.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及更高版本，则可以从scrollView实例访问UIWebView属性并成为其代理。

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

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

2）在currentButtonFrame，您正在更新{{1}}。

检查示例项目here。