iOS开发——导航栏透明

字数427 阅读478 评论1 喜欢10

导航栏不同于其他view，简单的设置alpha并不能达到预想的效果。我在多次尝试之后得出一个最有效的方式。

简单的让导航栏变透明只需要设置下面三个属性：

[self.navigationController.navigationBar setBackgroundImage:[[UIImage alloc]init] forBarMetrics:UIBarMetricsDefault];    [self.navigationController.navigationBar setShadowImage:[[UIImage alloc]init]];self.navigationController.navigationBar.alpha = 0;

但是这样做有个问题，就是返回按钮和title一起变透明了，解决方法是不要通过alpha来改变透明度，而是通过改变backgroundImage的透明度来实现。如何改变图片的透明度呢，送上一个方法，你只需要创建一个UIImage的分类，实现这个方法，在需要的时候引入这个分类就可以使用了。

- (UIImage *)imageByApplyingAlpha:(CGFloat) alpha{    UIGraphicsBeginImageContextWithOptions(self.size, NO, 0.0f);             CGContextRef ctx = UIGraphicsGetCurrentContext();    CGRect area = CGRectMake(0, 0, self.size.width, self.size.height);    CGContextScaleCTM(ctx, 1, -1);    CGContextTranslateCTM(ctx, 0, -area.size.height);    CGContextSetBlendMode(ctx, kCGBlendModeMultiply);    CGContextSetAlpha(ctx, alpha);    CGContextDrawImage(ctx, area, self.CGImage);    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();    UIGraphicsEndImageContext();    return newImage;}

这样以来，你只需要将你需要的图片（也许是一张纯色）通过setBackgroundImage:forBarMetrics:方法设置为背景图片即可。

通过view的滚动实现一开始navigationBar隐藏，然后渐显的效果还难吗？

- (void)scrollViewDidScroll:(UIScrollView *)scrollView{    if (scrollView.contentOffset.y <= 100) {        self.navigationController.navigationBar.alpha = scrollView.contentOffset.y / 100;    }}

不过你可能发现，页面刚刚显示还没有滚动的时候，导航栏又不透明了，如果你不幸遇到这种状况，其实也很简单

- (void)viewDidAppear:(BOOL)animated{    [super viewDidAppear:animated];    self.navigationController.navigationBar.alpha = 0;}