一、普通卡顿现象
今天遇到一个问题,用导航栏push到一个空的控制器的时候,出现卡顿现象,用真机调试发现还是有卡顿现象,最后还是万能的百度告诉我答案,我们所见的卡顿其实不是真正的卡顿,只是iOS 7之后UIViewController的背景色的原因。真正原因是:透明色颜色重叠后的视觉效果,只要在push的新的控制器里面重新设置一下背景颜色就好。
self.view.backgroundColor = [UIColor redColor];
二、使用xib的时候出现卡顿现象
今天在使用xib的时候发现,从一个透明导航栏push到一个视图控制器的时候,出现了卡顿现象,使用上面的方法的时候,并没有起作用。试过很多种把导航栏变透明的方法,发现并没有解决问题。
前提是为了适配iPhone X的导航栏,在创建xib的时候,在父类种设置了属性
//让xib的view自动向下延伸
self.edgesForExtendedLayout = UIRectEdgeBottom;
edgesForExtendedLayout
:指定边缘要延伸的方向,它的默认值很自然地是UIRectEdgeAll,四周边缘均延伸,就是说,如果即使视图中上有navigationBar,下有tabBar,那么视图仍会延伸覆盖到四周的区域。
此时,当你从一个透明导航栏的控制器Apush到一个不透明的控制器B的时候,就会出现卡顿现象,当透明控制器A的导航栏放在一个有颜色的视图上面的时候卡顿现象特别明显。找了一晚上方法,还是回到上面的解决方法上面,下一个页面(即控制器B)没有背景色,可是当设置了颜色以后,发现问题并没有解决。。。。
这是因为使用看上面的edgesForExtendedLayout
属性之后,view的frame为0的位置就是从导航栏下面开始的。所以
//这句话设置颜色就是从导航栏下面开始的
self.view.backgroundColor = [UIColor redColor];
导航栏下面的那一部分view的颜色任然是透明的clearColor
。
解决方法:
#define kStatusBarPlusNaviBarHeight (SCREEN_HEIGHT>= 812.0?88:64)
//这几行代码放在viewDidLoad方法里面(父类-子类都可以)
//解决使用edgesForExtendedLayout属性后导致View下移导航栏高度后,导航栏下面视图的背景色为clearColor导致的push页面的时候出现的卡顿现象
UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, -kStatusBarPlusNaviBarHeight, SCREEN_WIDTH, kStatusBarPlusNaviBarHeight)];
//该地方设置的背景颜色应该与项目父视图的背景颜色保持一致
view.backgroundColor = [UIColor whiteColor];
[self.view addSubview:view];
在导航栏下面添加一个view,设置view的背景色即可解决问题~
三、隐藏导航栏手势返回卡顿
还有一种方法就是在前面控制器直接隐藏导航栏,跳转到目标控制器之后,在显示导航栏,这种情况在push过去的时候不会出现卡顿现象,但是在用手势返回的时候,有时候会出现卡顿现象。
解决方法:
不要使用
self.navigationController.navigationBar.hidden = YES;
self.navigationController.navigationBar.hidden = NO;
使用
[self.navigationController setNavigationBarHidden:YES animated:animated];
[self.navigationController setNavigationBarHidden:NO animated:animated];
四、隐藏导航栏线条
1. 普通方法
设置透明导航栏,同时隐藏导航栏下面的线条
- (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];
//设置透明导航栏,隐藏线条
[self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
[self.navigationController.navigationBar setShadowImage:[UIImage new]];
}
- (void)viewWillDisappear:(BOOL)animated {
[super viewWillDisappear:animated];
//还原导航栏设置
[self.navigationController.navigationBar setBackgroundImage:nil forBarMetrics:UIBarMetricsDefault];
[self.navigationController.navigationBar setShadowImage:nil];
}
注意:这个方法唯一的不好就是会影响导航栏的translucent(透明)属性
解决translucent属性引起的问题
- (void)viewDidLoad {
[super viewDidLoad];
self.view.backgroundColor = ColorWithHex(0xf5f5f5);
self.automaticallyAdjustsScrollViewInsets = NO;
if(self.navigationController.viewControllers.count > 1) {
self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"back"] style:UIBarButtonItemStylePlain target:self action:@selector(goBack)];
self.navigationController.interactivePopGestureRecognizer.delegate=(id)self;
}
CGFloat top = 0;
//可以根据nibName是否为空来判断该子类视图是否通过xib创建
if (self.nibName.length > 0) {
self.edgesForExtendedLayout = UIRectEdgeBottom;
top = -kStatusBarPlusNaviBarHeight;
}
//解决使用edgesForExtendedLayout属性后导致View下移导航栏高度后,导航栏下面视图的背景色为clearColor导致的push页面的时候出现的卡顿现象
UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, top, SCREEN_WIDTH, kStatusBarPlusNaviBarHeight)];
//该颜色应该与父视图背景色保持一致
//view.backgroundColor = ColorWithHex(0xf5f5f5);
view.backgroundColor = ColorWithHex(0xFFFFFF);
[self.view addSubview:view];
}
2:找出黑线,再做处理:
//通过一个方法来找到这个黑线(findHairlineImageViewUnder):
- (UIImageView *)findDownlineImageViewUnder:(UIView *)view {
if ([view isKindOfClass:UIImageView.class] && view.bounds.size.height <= 1.0) {
return (UIImageView *)view;
}
for (UIView *subview in view.subviews) {
UIImageView *imageView = [self findDownlineImageViewUnder:subview];
if (imageView) {
return imageView;
}
}
return nil;
}
//再定义一个imageview来等同于这个黑线
UIImageView *navBarDownlineImageView;
navBarDownlineImageView = [self findDownlineImageViewUnder:self.navigationController.navigationBar];
同样的在界面出现时候开启隐藏
-(void)viewWillAppear:(BOOL)animated
{
navBarDownlineImageView.hidden = YES;
}
//在页面消失的时候就让出现
-(void)viewWillAppear:(BOOL)animated
{
navBarDownrlineImageView.hidden = NO;
}
如果想要做一些更好的处理,比如说改变粗细,颜色之类的也在界面出现的时候写就行了.
推荐使用第二种方法,因为整个项目都在使用导航栏推栈,出栈,很可能因为改变了样式,导致后面的属性混乱起来.
慢慢来,一步一个巴掌印。。。。。
网友评论