Gradient:本身就是梯度的意思酿雪,所以在這里就是作為漸變色來理解
- CAGradientLayer用于處理漸變色的層結(jié)構(gòu)
- CAGradientLayer的漸變色可以做隱式動(dòng)畫
- 大部分情況下,CAGradientLayer時(shí)和CAShapeLayer配合使用,CAShapeLayer這里就不介紹了
CAGradientLayer屬性介紹:
- colors:顏色分配,這里至少要有2種顏色
//@property(nullable, copy) NSArray *colors; - locations:顏色分割線,顏色之間的界限
//@property(nullable, copy) NSArray<NSNumber *> *locations; - startPoint:顏色起始點(diǎn)
//@property CGPoint startPoint; - endPoint:顏色結(jié)束點(diǎn)
//@property CGPoint endPoint;
坐標(biāo)系統(tǒng).png
說明:
(0逻住,0)到(1,0)和(0请敦,1)到(1勉抓,1)都是水平從左向右漸變吨述;
(0,0)到(1歧寺,1)是從左上角向右下角漸變燥狰;
(0,1)到(1斜筐,0)室從左下角向右上角漸變龙致。
主要代碼:
兩種顏色漸變:
圖1.png
效果圖:
圖2.png
改變CAGradientLayer的endPoint
//結(jié)束點(diǎn)end
gradientLayer.endPoint = CGPointMake(0, 1);
效果圖:
圖3.png
三種顏色
圖4.png
效果圖:
圖5.png
說明:
gradientLayer.locations = @[@(0.2),@(0.5),@(0.7)];
這句注釋掉,讓我看看效果圖
圖6.png
結(jié)語:
寫代碼難免出錯(cuò),有不對(duì)的地方,歡迎指正,一起學(xué)習(xí)
座標(biāo)系統(tǒng)圖摘自作者Bear