你們知道如何在 App 中繪制漸變色嗎?如果不知道請(qǐng)往下看
最近在 App 開(kāi)發(fā)過(guò)程中乏屯,遇到了漸變色的要求根时,費(fèi)勁一番周折,終于解決辰晕,特來(lái)與大家分享蛤迎!
繪制漸變色,需要用到 CoreAnimation 里面的一個(gè)類(lèi):CAGradientLayer含友,通過(guò)這個(gè)類(lèi)忘苛,我們可以很方便的繪制漸變色。
下面我們就開(kāi)始來(lái)繪制漸變色
1唱较、創(chuàng)建一個(gè) UIView:
- (void)viewDidLoad {
[super viewDidLoad];
// 創(chuàng)建 UIView 用來(lái)承載漸變色
UIView *myView = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 50, 200)];
[self.view addSubview:myView];
}
2扎唾、創(chuàng)建漸變色顏色列表
// 創(chuàng)建 CAGradientLayer 對(duì)象
CAGradientLayer *gradientLayer = [CAGradientLayer layer];
// 設(shè)置 gradientLayer 的 Frame
gradientLayer.frame = myView.bounds;
// 創(chuàng)建漸變色數(shù)組,需要轉(zhuǎn)換為CGColor顏色
gradientLayer.colors = @[(id)[UIColor redColor].CGColor,
(id)[UIColor yellowColor].CGColor,
(id)[UIColor blueColor].CGColor];
// 設(shè)置三種顏色變化點(diǎn)南缓,取值范圍 0.0~1.0
gradientLayer.locations = @[@(0.1f) ,@(0.4f)];
// 設(shè)置漸變顏色方向胸遇,左上點(diǎn)為(0,0), 右下點(diǎn)為(1,1)
gradientLayer.startPoint = CGPointMake(0, 0);
gradientLayer.endPoint = CGPointMake(0, 1);
// 添加漸變色到創(chuàng)建的 UIView 上去
[myView.layer addSublayer:gradientLayer];
這樣就能得到如下結(jié)果:
![](http://upload-images.jianshu.io/upload_images/1419490-9030336c056adf9b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)