UIWebView添加头部视图

最新推荐文章于 2018-06-11 14:16:40 发布

原创最新推荐文章于 2018-06-11 14:16:40 发布 · 541 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#uiwebview #ios

iOS开发专栏收录该内容

23 篇文章

订阅专栏

本文介绍如何在iOS应用中使用UIWebView展示网页，并通过设置内部偏移量使自定义表头视图随网页滚动而滚动。具体步骤包括创建webView类、加载指定网址内容、设置表头视图及其位置参数等。

环境：系统版本：OSX 10.10.2

Xcodel版本：7.1.1

模拟器：iPhone6

功能：网页滚动的时候，表头也跟着滚动

1.首先创建webView的类，定义属性

UIWebView *webView = [[UIWebView alloc]initWithFrame:CGRectMake(0, 0, 375, 667)];
        webView.scalesPageToFit = YES;
        NSURL *url = [NSURL URLWithString:@"https://m.yhouse.com/meal-app/774"];
        [webView loadRequest:[NSURLRequest requestWithURL:url]];
        [self.contentView addSubview:webView];

2.创建表头视图

UIView *myview = [[UIView alloc]initWithFrame:CGRectMake(0, -500, 375, 500)]; // 头部视图的y要给负值
        myview.backgroundColor = [UIColor magentaColor];
        <span style="background-color: rgb(255, 255, 153);">webView.scrollView.contentInset = UIEdgeInsetsMake(500, 0, 0, 0);// 设置内部偏移量</span>
        [webView.scrollView addSubview:myview];

关键需要设置网页的内部偏移量

4.此外webView还有4个代理方法，可以在里面处理点击事件

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType;
- (void)webViewDidStartLoad:(UIWebView *)webView;
- (void)webViewDidFinishLoad:(UIWebView *)webView;
- (void)webView:(UIWebView *)webView didFailLoadWithError:(nullable NSError *)error;