iOS中利用CAGradientLayer繪製漸層色的方法執行個體

標籤：特定   cal   ati   很多   view   單位   with   omr   參考   

　　原理詳解

　　1、CAGradientLayer是CALayer圖層類的子類，用於處理漸層色的層結構。

　　2、CAGradientLayer的座標系統是從座標（0，0）到（1，1）繪製的矩形。

　　3、CAGradientLayer的frame值的size不為正方形的話，座標系統會被展開。

　　4、CAGradientLayer的startPoint與endPoint會直接影響顏色的繪製方向。

　　5、CAGradientLayer的顏色分割點是以0~1的比例來計算的，顏色分割點為漸層色開始或終止的地方。

　　CAGradientLayer屬性介紹

　　colors：漸層顏色數組

　　locations：漸層顏色的區間分布（分割點），locations的數組長度和colors一致。這個屬性可不設，預設是nil，系統會平均分布顏色如果有特定需要可設定，數組設定為0 ~ 1之間單調遞增。

　　startPoint：映射locations中起始位置，用單位向量表示。比如（0, 0）表示從左上方開始變化。預設值是：(0.5, 0.0)。

　　endPoint：映射locations中結束位置，用單位向量表示。比如（1, 1）表示到右下角變化結束。預設值是：(0.5, 1.0)。

　　type：預設值是kCAGradientLayerAxial，表示按像素均勻變化。

　　CAGradientLayer例子

　　最簡單的三原色漸層例子

　　http://www.kmjdad.com/

　　http://www.jnsjzyy.com/

　　http://www.czhkwl.com/

　　http://www.express-o2o.com/

　　http://www.gzjindao.com/

　　http://www.chumingchuanmeiyishu.com/

　　http://www.thcxb.com/

　　http://www.xingguangkeji.com/

　　http://www.gdrhsy.com/

　　http://www.clhuiji.com/

　　http://www.nxjianye.com/

　　http://www.tjmingsheng.com/

　　http://www.gangguan022.com/

　　http://www.zyjbp.com/

　　http://www.qianhangmy.com/

　　http://www.tzminbell.com/

　　效果展示

　　程式碼範例

　　UIView * myView = [[UIView alloc] initWithFrame:CGRectMake(50, 50, 200, 200)];

　　[self.view addSubview:myView];

　　CAGradientLayer * gradientLayer = [CAGradientLayer layer];

　　gradientLayer.frame = myView.bounds;

　　// 設定漸層顏色數組

　　gradientLayer.colors = @[(__bridge id)[UIColor redColor].CGColor,(__bridge id)[UIColor greenColor].CGColor,(__bridge id)[UIColor blueColor].CGColor];

　　// 漸層顏色的區間分布

　　gradientLayer.locations = @[@0.25,@0.5,@0.75];

　　// 起始位置

　　gradientLayer.startPoint = CGPointMake(0, 0);

　　// 結束位置

　　gradientLayer.endPoint = CGPointMake(0, 1);

　　[myView.layer addSublayer:gradientLayer];

　　複製代碼

　　當然,實際使用的肯定比這個顏值高很多的,效果展示:

　　代碼如下:

　　#define FHCColorFromRGB(rgbValue) [UIColor colorWithRed:((float)((rgbValue & 0xFF0000) >> 16))/255.0 green:((float)((rgbValue & 0xFF00) >> 8))/255.0 blue:((float)(rgbValue & 0xFF))/255.0 alpha:1.0]

　　UIView * myView = [[UIView alloc] initWithFrame:CGRectMake(50, 50, 200, 200)];

　　[self.view addSubview:myView];

　　CAGradientLayer * gradientLayer = [CAGradientLayer layer];

　　gradientLayer.frame = myView.bounds;

　　gradientLayer = [CAGradientLayer layer];

　　gradientLayer.colors = @[(__bridge id)FHCColorFromRGB(0x01b6ff).CGColor, (__bridge id)FHCColorFromRGB(0x4392f6).CGColor];

　　gradientLayer.locations = @[@0.1, @1.0];

　　gradientLayer.startPoint = CGPointMake(0, 0);

　　gradientLayer.endPoint = CGPointMake(1.0, 0);

　　[myView.layer addSublayer:gradientLayer];

　　複製代碼

　　是不是美美噠?當然你可以把它封裝成一個類別,以便下次使用.

　　總結

　　以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對程式員之家的支援。

iOS中利用CAGradientLayer繪製漸層色的方法執行個體