目前越来越多的APP采用类似QQ空间那样的效果,这样就要求 navigationBar 是透明状态,这就不能是简单地 alpha 来控制,应为这样导航条上的控件恐怕不是我们需要的效果,所以就来谈一谈关于导航条透明设置的问题
[self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"nav_bargound.png"] forBarMetrics:UIBarMetricsCompact];
很简单就是这么一句话,注意图片要选择一个透明的图片。还有一个需要注意的就是最后一个参数就是让导航条透明的一种风格(我的理解),本身是有两种风格的
设置到这里,运行一下会发现导航条确实是一种透明的状态,但是会发现有一条黑线,这个当然不是我们想要的样子,接下来我们需要做一些处理,这样的目的就是为了隐藏黑线
首先 我们定义个属性
@property (nonatomic, strong)UIImageView *contentLineImageView;
然后写一个方法:
- (UIImageView *)findHairlineImageViewUnder:(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 findHairlineImageViewUnder:subview];
if (imageView) {
return imageView;
}
}
return nil;
}
//然后在viewdidload中调用这个方法
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.
_contentLineImageView = [self findHairlineImageViewUnder:self.navigationController.navigationBar];
self.navigationController.navigationBar.barTintColor = [UIColor colorWithRed:37/255.0 green:195/255.0 blue:149/255.0 alpha:1.0f];
//这句话 要写上。 默认是YES可能你得到的颜色与实际的不匹配。 默认为YES 说明是有透明度的。
self.navigationController.navigationBar.translucent = NO;
}
//做了这些操作还不够 我们还需要在viewwillappear 和viewwilldisappear 里写下下面的方法。
- (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];
_contentLineImageView.hidden = YES;
}
- (void)viewWillDisappear:(BOOL)animated {
[super viewWillDisappear:animated];
_contentLineImageView.hidden = NO;
}
这里你就会发现 导航条透明的效果就完美实现了。