CAGradientLayer簡介 實現顏色漸變

CAGradientLayer使用：

 CAGradientLayer*gradient = [CAGradientLayerlayer];
        gradient.frame = subLayer.frame;
        gradient.colors = [NSArrayarrayWithObjects:(id)[UIColorredColor].CGColor,
                           (id)[UIColoryellowColor].CGColor,
                           (id)[UIColorgreenColor].CGColor,nil];
        gradient.startPoint = CGPointMake(0, 0.5);     //左上角（0，0） 橫向x軸，豎向y軸
        gradient.endPoint = CGPointMake(1, 0.5);
        [subLayerinsertSublayer:gradient atIndex:0];

 

CAGradientLayer能夠方便的處理顏色漸變：

 

Properties：

@property(copy) NSArray *colors

漸變顏色的數組 

[NSArray arrayWithObjects:(id)[[[UIColor blackColor] colorWithAlphaComponent:1] CGColor],  
                          (id)[[[UIColor yellowColor] colorWithAlphaComponent:1] CGColor], (id)[[[UIColor blueColor] colorWithAlphaComponent:1] CGColor], (id)[[UIColor clearColor] CGColor], nil]; 

如上定義了四種顏色（最後一種是無色）。

 

@property(copy) NSArray *locations

漸變顏色的區間分佈，locations的數組長度和color一致，這個值通常不用管它，默認是nil，會平均分佈。 

[NSArray arrayWithObjects:[NSNumber numberWithFloat:0.0],  
                          [NSNumber numberWithFloat:0.3], [NSNumber numberWithFloat:0.8], [NSNumber numberWithFloat:1.0], nil]; 

注意這幾個數字在0到1之間單調遞增。

 

@property CGPoint startPoint

映射locations中第一個位置，用單位向量表示，好比（0，0）表示從左上角開始變化。默認值是(0.5,0.0)。

 

@property CGPoint endPoint

映射locations中最後一個位置，用單位向量表示，好比（1，1）表示到右下角變化結束。默認值是(0.5,1.0)。

 

@property(copy) NSString *type

默認值是kCAGradientLayerAxial，表示按像素均勻變化。除了默認值也無其它選項。

 

下面是我用上面的代碼實現的最終效果，startPoint是（0，0），endPoint是（1，1）。

 

 

 

 

參考： http://blog.csdn.net/itenric/article/details/6970693

 

記錄於2013/7/11