iOS webview尾部加自定义view，并且有个黑条

最新推荐文章于 2023-10-12 14:14:39 发布

原创最新推荐文章于 2023-10-12 14:14:39 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

iOS开发专栏收录该内容

30 篇文章

订阅专栏

本文介绍了如何在iOS的WebView底部添加自定义视图，并且解决因添加视图导致的黑条问题。提供了两种实现方法：一是直接将视图添加到webView上并调整contentInset；二是通过webViewDidFinishLoad方法获取contentSize设置frame。同时指出第二种方法可能导致的问题，并给出了解决黑条问题的技巧，即设置webView的opaque为NO，backgroundColor为clearColor。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

链接：http://blog.youkuaiyun.com/wqs1028/article/details/51273981

在 webView 上添加视图，页面需要和webView一起上下滑动，所以实现方法大概有两种

（一）把需要添加的视图添加到webView上

// 添加额外的滚动附近区域的内容]

CGFloat topImgHeight = 250 * RectScale;

_webView.scrollView.contentInset = UIEdgeInsetsMake(topImgHeight, 0, 0, 0);//上，左，下，右改变webView上的H5页面的展示位置向下挪

UIView *coverView = [[UIView alloc]initWithFrame:CGRectZero];

coverView.frame = CGRectMake(0, -(topImgHeight), kDeviceWidth, topImgHeight);//注意添加视图时的坐标

[_webView.scrollView addSubview:coverView];//添加自己的视图到_webView.scrollView

（二）WebView加载完成获取webview中scrovllview的contentsize进行设置

-(void)webViewDidFinishLoad:(UIWebView*)webView{

CGFloatwebViewHeight=[webView.scrollViewcontentSize].height;

     CGRectnewFrame=webView.frame;

     newFrame.size.height=webViewHeight;

     webView.frame=newFrame;

 }

备注:第二种方法弊端是必须每次重新创建webView，不然会调用上次的webView高度

然而调整后右边出现了莫名的黑条，经过尝试我的解决方法是：

        _contentWebView.opaque = NO;

        _contentWebView.backgroundColor =
 [UIColor clearColor];
加上这两句代码可以解决问题。

额外附带自己的代码

       UIWebView *boomWebView = [[UIWebView alloc]init];
    
#warning 此处需要先这是内置偏移再设置frame否则会发生切换时出现底部黑边
    boomWebView.scrollView.contentInset = UIEdgeInsetsMake(0, 0, 85, 0);
    boomWebView.frame=CGRectMake(0, 0, MSWIDTH, MSHIGHT-64);
    boomWebView.opaque = NO;
    boomWebView.backgroundColor=[UIColor whiteColor];

    NSURL *url = [[NSBundle mainBundle] URLForResource:@"bank" withExtension:@"html"];
    NSURLRequest *request = [NSURLRequest requestWithURL:url];
    [boomWebView loadRequest:request];
    boomWebView.delegate = self;
    [self.view addSubview:boomWebView];
    self.webview=boomWebView;
    
    BoomShowView *boomshowView = [[BoomShowView alloc]initWithFrame:CGRectMake(0, boomWebView.bottom, MSWIDTH, 85)];
    boomshowView.backgroundColor=[UIColor whiteColor];
    [boomWebView.scrollView addSubview:boomshowView];
    self.boomshowView=boomshowView;

代理方法中添加监控：

-(void)webViewDidFinishLoad:(UIWebView *)webView{
    CGFloat he=webView.scrollView.contentSize.height;
    self.boomshowView.frame=CGRectMake(0, he, MSWIDTH, 84);
}

不足之处，多多指教！！！