问题描述
我想向 UIWebView 添加一个标题视图,类似于 MobileSafari 中的地址/搜索栏和 Sophia Teutschler 的优秀 Articles.app.更准确地说,我想在 UIWebView 上方创建一个拉动固定方向"视图,就像在文章中一样.文章确实使用了 UIWebView,所以这似乎是可能的.如 这篇文章?显然,我确实需要滚动事件以使拉动以固定方向"行为相应.
I'd like to add a header view to an UIWebView similar to the address/search bar in MobileSafari and the excellent Articles.app by Sophia Teutschler. More precisely, I'd like to create a "pull to fix orientation" view above a UIWebView, just like in Articles. Articles does use a UIWebView, so it seems to be possible. Is there a way to accomplish this without having to embed the UIWebView into a UIScrollView and updating its size all the time, as described in this article? Apparently, I do need the scrolling events to have the "pull to fix orientation" behave accordingly.
推荐答案
经过几次尝试,我决定采用这个解决方案:
After several attemps, I've decided to go with this solution:
基本上我刚刚将我的标题 UIView 添加为 webview.scrollview 子视图.
Basically I've just added my header UIView as a webview.scrollview subview.
为避免标题与浏览器视图重叠:
To avoid having the header overlap the browser view:
- 循环浏览所有 [webview.scrollView 子视图]
- 寻找最大的,应该包含浏览器(其他用于阴影和线条)
改变它的起源.y
- cycle through all [webview.scrollView subviews]
- look for the biggest, wich should contains the browser (the others are for shadows and lines)
change its origin.y
代码如下:
CGRect browserCanvas = web.bounds; for(int i=0; i< [[web.scrollView subviews] count]; i++) { UIView* subview = [[web.scrollView subviews] objectAtIndex:i]; CGRect f = subview.frame; NSLog(@"sub %d -> x:%.0f, y:%.0f, w:%.0f, h:%.0f", i, f.origin.x, f.origin.y, f.size.width, f.size.height); if(f.origin.x == browserCanvas.origin.x && f.origin.y == browserCanvas.origin.y && f.size.width == browserCanvas.size.width && f.size.height == browserCanvas.size.height) { f.origin.y = header.frame.size.height; subview.frame = f; } } if(![header superview]) { [web.scrollView addSubview:header]; [web.scrollView bringSubviewToFront:header]; }