實現(xiàn)如下效果的漸變
效果圖.png
1触幼、第一步
先用數(shù)碼測色計測量最兩端的顏色值置谦，記錄下來媒峡。（或者你可以直接問UI小姐姐要一下）丝蹭。這是的測量的數(shù)值R67奔穿、G134贱田、B219男摧；R91译打、G180奏司、B226
2韵洋、下面直接上代碼
- (void)viewDidLoad
{
[super viewDidLoad];
//1、創(chuàng)建view
UIView *bgNav = [[UIView alloc] initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, 64)];
//2鸵熟、設置view的顏色是漸變色
CAGradientLayer *layer = [CAGradientLayer layer];
layer.colors = [NSArray
arrayWithObjects:(id)[UIColor colorWithRed:47/255.0 green:134/255.0 blue:219/255.0 alpha:1].CGColor,
(id)[UIColor colorWithRed:91/255.0 green:180/255.0 blue:226/255.0 alpha:1].CGColor, nil];
layer.startPoint = CGPointMake(0, 0);
layer.endPoint = CGPointMake(1, 0);
layer.locations = @[@0.3,@0.7];
layer.frame = bgNav.bounds;
[bgNav.layer addSublayer:layer];
//3流强、把view變成圖片
UIGraphicsBeginImageContext(bgNav.bounds.size);
[bgNav.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage *navImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
//4呻待、設置導航的背景色
self.navigationController.navigationBar.barTintColor = [UIColor colorWithPatternImage:navImage];
}
3带污、結(jié)果如下
代碼運行結(jié)果..png
參考文檔
http://www.reibang.com/p/ac603687bd50
end:小編是很認真的寫文哦，如果小編的文對您有用千绪，一定要點“喜歡”哦荸型！如果有問題歡迎評論
