实现渐变导航栏的方式可能是多种多样,但是多种多样的方法中可能有一个很好的方法,今天来总结一个比较好的实现方法,主要实现是基于运行时为UINavigationBar分类扩充一个继承于UIView覆盖层的属性。无需自定义导航栏,具体实现的时候,只要简单调用分类中的代码即可。Demo下载地址:https://github.com/ZhengYaWei1992/ZWAlphaNavigationBar
效果图先看一下,UINavigationBar+ZYW这个分类中的实现的方法,也就一二十行。强来个方法,主要是基于运行时为分类扩充overlay属性,这个属性在实际中,主要是充当导航栏背景作用,改变它的透明度就可以视觉上实现导航栏透明度的变化。对leftItem、rightIten以及tittleView毫无影响。第三个方法主要是改变导航栏的透明度,外部直接调用就可以改变导航栏透明度。第四个方法主要是移除overlay,恢复导航栏最原始的面貌。
//覆盖物
- (UIView *)overlay{
return objc_getAssociatedObject(self, &overlayKey);
}
- (void)setOverlay:(UIView *)overlay{
objc_setAssociatedObject(self, &overlayKey, overlay, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}
- (void)setBackgroundColor:(UIColor *)backgroundColor{
if (!self.overlay) {
[self setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
self.overlay = [[UIView alloc] initWithFrame:CGRectMake(0, 0, CGRectGetWidth(self.bounds), CGRectGetHeight(self.bounds) + 20)];
self.overlay.userInteractionEnabled = NO;
self.overlay.autoresizingMask = UIViewAutoresizingFlexibleWidth; // Should not set `UIViewAutoresizingFlexibleHeight`
[[self.subviews firstObject] insertSubview:self.overlay atIndex:0];
}
self.overlay.backgroundColor = backgroundColor;
}
- (void)reset{
[self setBackgroundImage:nil forBarMetrics:UIBarMetricsDefault];
[self.overlay removeFromSuperview];
self.overlay = nil;
}
UINavigationBar+ZYW分类中就这些代码,接下来看看外部是如何使用的。
加载视图是设置导航栏颜色为透明。
- (void)viewDidLoad {
[super viewDidLoad];
[self.navigationController.navigationBar setBackgroundColor:[UIColor clearColor]];
}
界面从上一界面返回的时候,再次设置为之前的颜色.
- (void)viewWillAppear:(BOOL)animated{
[super viewWillAppear:animated];
// self.navigationController.navigationBarHidden = YES;
self.tableView.delegate = self;
//界面从上一界面返回的时候,再次设置为之前的颜色
[self scrollViewDidScroll:self.tableView];
[self.navigationController.navigationBar setShadowImage:[UIImage new]];
}
离开界面时,导航栏设置恢复为面貌。避免影响下一push进去界面的导航栏样式。
- (void)viewWillDisappear:(BOOL)animated{
[super viewWillDisappear:animated];
self.tableView.delegate = nil;
[self.navigationController.navigationBar reset];
}
滚动scrollView是设置导航栏的颜色渐变。
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
UIColor * color = [UIColor redColor];
CGFloat offsetY = scrollView.contentOffset.y;
if (offsetY > NAVBAR_CHANGE_POINT) {
CGFloat alpha = MIN(1, 1 - ((NAVBAR_CHANGE_POINT + 64 - offsetY) / 64));
[self.navigationController.navigationBar setBackgroundColor:[color colorWithAlphaComponent:alpha]];
} else {
[self.navigationController.navigationBar setBackgroundColor:[color colorWithAlphaComponent:0]];
}
}
网友评论