CAGradientLayer設定漸變色
剛入行的時候,設計就提出漸變效果的需求。但是,當時,技術渣呀,只能被設計吐嘈吐嘈再吐嘈。
後來猶記是為了實現圖片根據季節顏色變換,設計不再寵我了,一定要讓實現漸變的效果。
萬幸啊,後來結識了CAGradientLayer。
上程式碼啦
- (void)addTheGradientLayerWithBeginColor:(UIColor *)beginColor
andEndColor:(UIColor *)endColor
fromPoint:(CGPoint)startPoint
endPoint:(CGPoint)endPoint{
if (!self.gradientLayer) {
CAGradientLayer * gradientLayer = [CAGradientLayer layer];
[self.layer addSublayer:gradientLayer];
self.gradientLayer = gradientLayer;
}
//設定漸變色區域
self.gradientLayer.frame = CGRectMake(0, 0, self.frame.size.width, self.frame.size.height);
//設定漸變色的顏色組
self.gradientLayer.colors = @[(__bridge id)beginColor.CGColor, (__bridge id)endColor.CGColor];
//設定漸變顏色方向,左上點為(0,0), 右下點為(1,1)
self.gradientLayer.startPoint = startPoint;
self.gradientLayer.endPoint = endPoint;
}
你以為CAGradientLayer只能實現漸變很一般的效果,但是結合CAShapeLayer可實現如下這些效果還是蠻讚的
相關文章
- iOS CAGradientLayer漸變色iOS
- iOS CAGradientLayer顏色漸變iOS
- 利用CAGradientLayer自定義顏色漸變viewView
- ECharts柱條漸變色設定以及常用漸變色Echarts
- echarts的漸變色的設定Echarts
- iOS UIView漸變色iOSUIView
- echart 設定 柱狀圖 漸變色 線性虛線 lab字串換行字串
- echarts自定義膠囊柱圖並設定每個柱子的漸變色Echarts
- 直播系統平臺搭建,狀態列透明和程式碼設定漸變色
- JavaScript漸變方式設定透明度JavaScript
- 18個採用漸變色設計的網頁網頁
- css3背景顏色漸變CSSS3
- CSS 顏色漸變的程式碼.CSS
- 直播平臺搭建原始碼,Android進度條ProgressBar顏色的漸變設定原始碼Android
- 2018,很多APP的logo漸變了 -- 漸變色教程APPGo
- Android 顏色漸變 屬性動畫Android動畫
- CSS--border邊框顏色漸變CSS
- javascript網頁背景顏色漸變效果JavaScript網頁
- css樣式背景顏色漸變效果CSS
- CAGradientLayer + UIBezierPath 為檢視畫漸變背景色並帶有弧度UI
- CSS3漸變方式設定透明度CSSS3
- R語言colorRampPalette函式-建立顏色梯度(漸變色)R語言函式梯度
- iOS 背景圖層的顏色漸變效果iOS
- 直播小程式原始碼,Swift 獲取漸變色顏色值原始碼Swift
- css3實現的文字顏色漸變和漸隱效果CSSS3
- Mac控制檯的漸變色玩一下!Mac
- css文字顏色漸變的3種實現CSS
- 巧用漸變色打造精緻移動端APPAPP
- 自定義View之顏色漸變折線圖View
- CSS3文字顏色漸變效果CSSS3
- iOS 導航欄顏色透明度漸變iOS
- 設定TextView按下時變換文字顏色TextView
- 【HarmonyOS NEXT】一波三折之解決Rect元件設定顏色漸變顯示異常元件
- 在LCD螢幕上漸變顯示sRGB所有範圍顏色, 最大可漸變16,581,375種顏色
- 簡易的iOS導航欄顏色漸變方案iOS
- 直播原始碼,懸浮窗滾動漸變色效果原始碼
- Android仿IOS上拉下拉彈性效果,同時利用顏色漸變,設定上拉下拉背景顏色不一致效果AndroidiOS
- Table tr 奇數偶數行漸變色Jquery實現jQuery