iOS|iOS 导航栏透明，变色动画 iOS导航栏透明，变色动画

文章是两年前写的，一直没更新过，似乎已经不能用了，没想还有很多朋友看到了，所以找时间修改了一下。

UIBarMetricsCompact 改为 UIBarMetricsDefault。
当时写文章时还没有 iPhoneX，所以没考虑状态栏的高度，直接使用了 20。

iOS导航栏NavigationBar设置透明，以及添加变色的动画，类似知乎日报的导航栏。

文章图片
知乎日报透明只需设置NavigationBar的背景图片为一张空图片即可

[self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];

NavigationBar下边有一个ShadowImage，也可以通过设置空的UIImage设置透明。

[self.navigationController.navigationBar setShadowImage:[UIImage new]];

变色动画在NavigationBar下插入一个view，执行动画改变这个view的透明度即可。

CGRect statusBarFrame = [UIApplication sharedApplication].statusBarFrame; CGRect frame = self.navigationController.navigationBar.frame; alphaView = [[UIView alloc] initWithFrame:CGRectMake(0, -statusBarFrame.size.height, frame.size.width, frame.size.height + statusBarFrame.size.height)]; alphaView.backgroundColor = [UIColor blueColor]; alphaView.userInteractionEnabled = NO; [self.navigationController.navigationBar insertSubview: alphaView atIndex:0];

【iOS|iOS 导航栏透明，变色动画】就这么简单！