将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
。
在这里检查示例项目。