1.translucent属性
translucent是navigationBar的一个属性,当赋值为YES时(默认值),navigationBar为半透明效果.当赋值为NO时,navigationBar为不透明效果.值得注意的是,这个属性会影响到布局.
| translucent | 显示效果 | 布局 |
|---|---|---|
| NO | 不透明 | 起始位置为64 |
| YES | 半透明 | 起始位置为0 |
translucent
举个栗子
#import "ViewController.h"
@interface ViewController ()
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
[self.view setBackgroundColor:[UIColor orangeColor]];
self.navigationItem.title = @"Hello World";
self.navigationController.navigationBar.translucent = YES;//默认值为YES(半透明效果)
CGFloat w = [UIScreen mainScreen].bounds.size.width;
UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(8, 0, w-16, 220)];
imageView.image = [UIImage imageNamed:@"hy.jpg"];
[self.view addSubview:imageView];
}
@end
效果
translucent属性设置为YES,(默认值)
图片的y值为0,布局的起始位置也是0
半透明
translucent属性设置为NO
效果为不透明,图片的y值仍然设置为0,但是布局的起始位置变成了64
不透明
2.设置navigationBar的颜色
第一步:使用Quartz2D将颜色渲染成UIImage
第二步:使用navigationBar的setBackgroundImage:(nullable UIImage *) forBarMetrics:(UIBarMetrics)方法将这个颜色变成的图片设置为navigationBar的背景图片
举个栗子
#import "ViewController.h"
@interface ViewController ()
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
[self.view setBackgroundColor:[UIColor orangeColor]];
self.navigationItem.title = @"Hello World";
//注释掉这句话,系统会根据背景色是否透明而自动设置这个值
//self.navigationController.navigationBar.translucent = NO;
CGFloat w = [UIScreen mainScreen].bounds.size.width;
UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(8, 0, w-16, 220)];
imageView.image = [UIImage imageNamed:@"hy.jpg"];
[self.view addSubview:imageView];
UIColor *color = [UIColor colorWithRed:0 green:0 blue:1 alpha:1];
CGRect rect = CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, 64);
UIGraphicsBeginImageContextWithOptions(rect.size, NO, 0);
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSetFillColorWithColor(context, color.CGColor);
CGContextFillRect(context, rect);
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
[self.navigationController.navigationBar setBackgroundImage:image forBarMetrics:UIBarMetricsDefault];
//当color的透明度为1时(不透明),translucent自动为NO.当color的透明度小于1时,translucent自动为YES.
NSLog(@"%d",self.navigationController.navigationBar.translucent);
}
效果和特别说明
特别说明:
不再设置 navigationBar 的translucent属性, 当更改背景颜色的透明度时,系统会根据背景色是否透明而自动设置 translucent的属性值.即当color的透明度为1时(不透明),translucent自动为NO.当color的透明度小于1时,translucent自动为YES.显示效果和布局的其实位置都符合本文第一小节的叙述.
效果:
以下效果1和效果2,代码上只有设置颜色的这一句的alpha有区别(分别为1.0 和0.7)
UIColor *color = [UIColor colorWithRed:0 green:0 blue:1 alpha:1];
效果1
效果2
