将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 } } } 

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

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

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

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

在这里检查示例项目。

在此处输入图像描述