隐藏TabBar后，UIWebView加载过程中和加载失败时，底部出现黑边的问题解决

最新推荐文章于 2017-05-24 10:30:36 发布
最新推荐文章于 2017-05-24 10:30:36 发布
阅读量3.9k 收藏
点赞数
分类专栏： iOS 文章标签： UIWebView UITabBar 底部 黑边 黑色区域
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fangzhangsc2006/article/details/9054095
版权
在应用中自定义TabBar并隐藏原生TabBar后，当进入一个使用UIWebView的视图并隐藏TabBar，若网页加载缓慢或失败，底部会出现黑色区域。问题可能因WebView未及时重绘视图。通过预加载本地空白html页面，确保WebView在加载在线内容前后都有一次重绘，从而消除黑边问题。
摘要由CSDN通过智能技术生成

描述

我的应用里同时使用了 TabBar 和 Navigation Bar，由于原本的 TabBar 不能满足我的外观效果要求，我用自定义的 view 实现了一个 TabBar 的外观，隐藏了原本的 TabBar，切换视图的功能还是调用原来 TabBar 的接口。不知道是不是因为自定义TabBar的原因，当通过导航控制器进入第二个视图，并在第二个视图中隐藏TabBar时会出现一些问题，我的第二个视图是一个WebView，打开一个网页，如果网页加载较慢或者未加载到内容时，底部原来的TabBar位置是一块黑色区域，感觉上是那块区域没有被WebView利用到。如果页面加载成功那个黑色区域就会被WebView利用到。

原因

我猜想，可能是因为隐藏TabBar后，WebView并没有及时重新绘制视图，只有当其加载页面完成后才去更新。因此我的解决方案是做了一个空白的html页面（html结构完整，只是body为空白）放到工程中，WebView在加载在线数据之前先加载本地的空白html页面，在线数据加载失败时也加载一次空白html页面，这就相当于我们主动要求WebView去重新绘制视图。不知道我的猜想是否正确，不过用这个方案确实完美解决了黑边的问题。


主要代码

空白html页面内容，文件名为load_error.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"
最低0.47元/天 解锁文章
shannonchou
关注
专栏目录
iOS 隐藏系统的tabbar后，tabbar所在frame区域不可点击问题
NYH1006的专栏
12-10 3101
系统自带的UITabBarController有时候到不到要求，需要自定义样式。 有一种方法就是在TabBar上面在放一层自己的，正好把原来的遮住。 那么，从Tab进入子的Controller想要隐藏TabBar怎么办呢？ 假如说你是用 TabBar + Navigation来做的，从第一个Tab——TabBar1进入子Controller（称作A）， 逻辑很简单，就是从TabBar1点击
tabBarController切换时有时候会出现底部TabBar有块黑色闪一下消失了，原因是
wu_yan00的博客
04-12 576
当我们使用原生的tabBarController切换时有时候会出现底部TabBar有块黑色闪一下消失了，原因是： 我们跳转页面时使用了self.hidesBottomBarWhenPushed = true，当你切换到tabBarController其它的selectedIndex之前没有将self.hidesBottomBarWhenPushed还原回false； oc代码： self.hidesBottomBarWhenPushed = NO self.tabBarController.sele
UITabBar隐藏相关处理
 ideaOS^(BOOL coding)
05-30 1231
原址：http://www.cocoachina.com/bbs/read.php?tid=1476&toread=1&fpage=3&page=1 要做既有tabbar，还有nav bar，还要push的做法是不用tabbar controller，而是自己扔进去一个tabbar, 在appdelegate里control. 用NSNotificationCenter，需要隐藏的
iphone上面的风火轮
omgle的专栏
07-05 1139
第一种方法：使用UIView and UIActivityIndicatorView//创建UIWebViewWebView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 44, 320, 400)];[We
iOS UITabBarController tabbar 自定义 详解
jeffasd的专栏
03-29 2106
UITabBarController的item间距能不能设置  UITabBarController的每个item不设title的话，那个title还是会占据着最下面那一行的位置，该怎么去隐藏它让那个位置空出来 UITabBarController的item间距能不能设置，因为我发现只有3个item的时候都集中在中间那块，我想把它们的间距设置大一点
ios-如何添加首次加载出现的引导页和隐藏自定制的tabbar.zip
07-11
总之，添加首次加载的引导页和隐藏自定义TabBar是提升iOS应用用户体验的重要手段。通过合理的代码组织和UI设计，可以实现这些功能，使应用更加友好和易用。在实际开发过程中，还需要注意性能优化和适配不同设备屏幕...
微信小程序tabBar底部导航不显示问题解析
03-29
搞了好久原来是位置的原因唉闹心  直接上代码：  出不来的代码：   ...在CODE上查看代码片派生到我的代码片 { "pages": [ "pages/splash/splash", "pages/zhuye/zhuye", "pages/list/list", "pages/item/item", ...
iOS 隐藏tabbar代码详解
09-02
在iOS应用开发中，TabBar通常作为底部导航栏用于切换不同的控制器或视图。然而，在某些特定场景下，我们可能需要隐藏TabBar以提供更好的用户体验，例如全屏展示某个页面或者进行特定的操作。本篇文章将深入讲解如何...
iOS界面跳转时导航栏和tabBar的隐藏与显示功能
08-31
本文将详细介绍如何在界面跳转时实现导航栏和TabBar的隐藏与显示功能。 一、导航栏隐藏与显示 在iOS中，我们通常使用UINavigationController来管理屏幕间的导航，它包含了导航栏。当你需要在特定页面隐藏或显示...
iOS- 解决App上下黑边
05-03
解决App运行时不满屏，上下留有黑边，方法简单，内有说明
Android webview背景设置为透明无效 拖动时背景闪烁黑色
LVXIANGAN的专栏
01-20 4480
Adndroid 2.X的设置   webview是一个使用方便、功能强大的控件，但由于webview的背景颜色默认是白色，在一些场合下会显得很突兀（比如背景是黑色）。 此时就想到了要把webview的背景设置为透明，这样就可以与其背景融为一体。 在2.X的平台下，一般设置webview背景为透明的方法如下：           mWebView.setBack
UIWebView去掉底部背景
chmod_R_755的专栏
04-22 1134
NSString *path = [[NSBundle mainBundle] pathForResource:@"avoutCN" ofType:@"html"];     NSURL *url = [NSURL fileURLWithPath:path];     NSURLRequest *request = [NSURLRequest requestWithURL:url];
iOS webView 和 H5 页面交互（点击获取H5页面中的按钮，做自己想做的操作）
热门推荐
HR_0101的博客
08-16 1万+
不喜勿喷，如果有错的地方，请给予指正
UIWebView完美切换至WKWebView
我的专栏
05-24 5619
iOS8之后，苹果推出了WebKit这个框架，用来替换原有的UIWebView，新的控件优点多多，不一一叙述。由于一直在适配iOS7，就没有去替换，现在仍掉了iOS7，以为很简单的就替换过来了，然而在替换的过程中，却遇到了很多坑。 WKWebView使用 WKWebView使用及注意点 WKWebView只能用代码创建，而且自身就支持了右滑返回手势allows
二级以上（包括）界面隐藏TabBar
萌萌哒博客
12-11 1052
//在二级控制器中 -(instancetype)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil { self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil]; if (self) { //隐藏t
iOS跳转界面时隐藏tabBar的方法(隐藏tabBar底部变黑)
09-18 7738
//1.设置self.tabBarController.tabBar.hidden=YES;       self.tabBarController.tabBar.hidden=YES;   //2.如果在push跳转时需要隐藏tabBar，设置self.hidesBottomBarWhenPushed=YES;       self.hidesBottomBa
swift语言跳转页面隐藏tabbar导航栏返回时出现tabbar导航栏
最新发布
05-26
在 Swift 语言中，可以使用以下代码隐藏 TabBar 导航栏： ```swift self.tabBarController?.tabBar.isHidden = true ``` 这将隐藏 TabBar 导航栏。然而，当你跳转到另一个页面并返回时，TabBar 导航栏可能会出现。为了避免这种情况，可以使用以下代码： ```swift override func viewWillAppear(_ animated: Bool) { super.viewWillAppear(animated) self.tabBarController?.tabBar.isHidden = true } override func viewWillDisappear(_ animated: Bool) { super.viewWillDisappear(animated) self.tabBarController?.tabBar.isHidden = false } ``` 这将在每次视图将要显示和将要消失时隐藏和显示 TabBar 导航栏。这样，即使你从另一个页面返回，TabBar 导航栏也不会出现。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值