iOS开发——导航栏透明

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

成都创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站设计制作、做网站、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的石家庄网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

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

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

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

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

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

是不是非常简单？喜欢的话记得点红心♥️啊。也欢迎评论与我交流????

iOS 设置导航条、状态条透明和背景颜色的解决方案

1.将状态栏和导航条设置成透明

2.设置导航背景

3.显示不透明导航

4.设置状态条背景颜色

iOS开发-关于自定义导航栏设置导航栏透明度无效的问题

上一篇说到 自定义导航栏 ，若自定义的导航栏中设置了属性translucent = NO（作用是去掉颜色渲染，若为YES,与你想要的颜色存在一点的色差），导航栏的透明度会遇到问题。

若我们需要设置导航栏透明：正常的情况下，我们只需要这么做：

ios 开发 怎么设置导航栏透明

ios 开发中设置导航栏透明的方法：

说明：让导航栏变透明只需要设置下面三个属性即可。

[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;

}

最终设置效果还是通过alpha设置。

- (void)viewDidAppear:(BOOL)animated{

[super viewDidAppear:animated];

self.navigationController.navigationBar.alpha = 0;

}

分享题目：ios开发导航栏透明,ios底部菜单栏透明
URL地址：http://myzitong.com/article/dseepph.html