在iOS开发中,经常使用导航控制器来实现各个界面的跳转,但是可能会有某些界面需要在刚进入界面时,导航栏是透明的,视图需要从屏幕最顶部开始。最近笔者在开发中也碰到这种情况了,索性研究了下。如有不对请留言,以便大家一起学习使用。
视图位置
对于视图的位置是在导航栏底部还是在屏幕最顶端。是由 navigationBar的translucent这个属性来确定的。
self.navigationController.navigationBar.translucent = NO;
这是视图位置是在导航栏最顶部开始的,如下图:
self.navigationController.navigationBar.translucent = YES;
此时视图位置是在屏幕最顶端开始的,如下图:
注意:当controller的根视图添加一个scrollview时,再往scrollview添加子视图时,设置translucent = YES时,会发现scrollview添加子视图还是在导航栏底部开始,这是需要设置另一个属性:
self.automaticallyAdjustsScrollViewInsets = NO;
self是指当前的controller,设置完该属性就正常了。如下图:
设置导航栏透明方法
总结以下两种方法:
1.
UIView *viewnav = self.navigationController.navigationBar.subviews.firstObject;
viewnav.alpha = 0;
2.
[self.navigationController.navigationBar setBackgroundImage:[self imageWithBgColor:[UIColor colorWithRed:0 green:1 blue:0 alpha:0]] forBarMetrics:UIBarMetricsDefault];
-(UIImage *)imageWithBgColor:(UIColor *)color {
CGRect rect = CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);
UIGraphicsBeginImageContext(rect.size);
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSetFillColorWithColor(context, [color CGColor]);
CGContextFillRect(context, rect);
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return image;
}
附:滚动时改变导航栏透明度,其实就是改变透明度的值。
1.
viewnav.alpha = self.myTableView.contentOffset.y / 100;
2.
[self.navigationController.navigationBar setBackgroundImage:[self imageWithBgColor:[UIColor colorWithRed:0 green:1 blue:0 alpha:self.myTableView.contentOffset.y / 100]] forBarMetrics:UIBarMetricsDefault];
导航栏隐藏带来的坑
之前在开发中碰到过这样一个问题:
隐藏导航栏时会影响到视图中collectionview中cell子视图的位置,这个问题也让笔者纠结了好久,最后在网上查资料看到一些关于这个问题的,分享给大家,如果你也碰到过这种问题,可参考这篇文章。
谈谈iOS7及以上版本navigationBar带来的坑
self.edgesForExtendedLayout = UIRectEdgeNone; 最后加了一行这个代码解决的。