十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
导航栏不同于其他view,简单的设置alpha并不能达到预想的效果。我在多次尝试之后得出一个最有效的方式。
成都创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:网站设计制作、做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的石家庄网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
简单的让导航栏变透明只需要设置下面三个属性:
但是这样做有个问题,就是返回按钮和title一起变透明了,解决方法是不要通过alpha来改变透明度,而是通过改变backgroundImage的透明度来实现。如何改变图片的透明度呢,送上一个方法,你只需要创建一个UIImage的分类,实现这个方法,在需要的时候引入这个分类就可以使用了。
这样以来,你只需要将你需要的图片(也许是一张纯色)通过 setBackgroundImage:forBarMetrics: 方法设置为背景图片即可。
通过view的滚动实现一开始navigationBar隐藏,然后渐显的效果还难吗?
不过你可能发现,页面刚刚显示还没有滚动的时候,导航栏又不透明了,如果你不幸遇到这种状况,其实也很简单
是不是非常简单?喜欢的话记得点红心♥️啊。也欢迎评论与我交流????
1.将状态栏和导航条设置成透明
2.设置导航背景
3.显示不透明导航
4.设置状态条背景颜色
上一篇说到 自定义导航栏 ,若自定义的导航栏中设置了属性translucent = NO(作用是去掉颜色渲染,若为YES,与你想要的颜色存在一点的色差),导航栏的透明度会遇到问题。
若我们需要设置导航栏透明:正常的情况下,我们只需要这么做:
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;
}