iOS UIView漸變色
專案中用到了漸變色的效果,使用如下程式碼實現
let gradient = CAGradientLayer()
gradient.frame = CGRect(x: 0, y: 0, width: kScreenWidth - 10, height: 70)
let startColor = UIColor.red
let endColor = UIColor.blue
gradient.colors = [startColor, endColor]
// gradient.locations = [0.3, 0.8]
gradient.startPoint = CGPoint(x: 0.0, y: 0.5)
gradient.endPoint = CGPoint(x: 1.0, y: 0.5)
// gradient.startPoint = CGPoint.init(x: 0, y: 0)
//gradient.endPoint = CGPoint.init(x: contentView.bounds.maxX, y: contentView.bounds.maxY)
gradientView.layer.addSublayer(gradient)
需要注意的是,CAGradientLayer是CALayer的子類,需要新增在父檢視gradientView上。
因為專案在初期階段,漸變色的效果難以把控,所以當前先擱置漸變色效果,後面業務需要再新增回來。
相關文章
- iOS CAGradientLayer漸變色iOS
- iOS CAGradientLayer顏色漸變iOS
- iOS 背景圖層的顏色漸變效果iOS
- ECharts柱條漸變色設定以及常用漸變色Echarts
- iOS 導航欄顏色透明度漸變iOS
- 簡易的iOS導航欄顏色漸變方案iOS
- iOS兩種顏色的線性漸變 --DDGBannerScrollViewiOSView
- iOS 導航欄背景顏色完全透明及漸變iOS
- CAGradientLayer設定漸變色
- iOS文字漸變效果iOS
- echarts的漸變色的設定Echarts
- css3背景顏色漸變CSSS3
- CSS 顏色漸變的程式碼.CSS
- 2018,很多APP的logo漸變了 -- 漸變色教程APPGo
- iOS專案開發實戰——製作View的顏色漸變動畫iOSView動畫
- Android 顏色漸變 屬性動畫Android動畫
- CSS--border邊框顏色漸變CSS
- javascript網頁背景顏色漸變效果JavaScript網頁
- css樣式背景顏色漸變效果CSS
- R語言colorRampPalette函式-建立顏色梯度(漸變色)R語言函式梯度
- iOS UIView基本動畫iOSUIView動畫
- iOS UIView層動畫iOSUIView動畫
- 利用CAGradientLayer自定義顏色漸變viewView
- 直播小程式原始碼,Swift 獲取漸變色顏色值原始碼Swift
- css3實現的文字顏色漸變和漸隱效果CSSS3
- iOS 繪製漸變·基礎篇iOS
- Mac控制檯的漸變色玩一下!Mac
- css文字顏色漸變的3種實現CSS
- 巧用漸變色打造精緻移動端APPAPP
- 自定義View之顏色漸變折線圖View
- CSS3文字顏色漸變效果CSSS3
- iOS初始化UIViewiOSUIView
- 在LCD螢幕上漸變顯示sRGB所有範圍顏色, 最大可漸變16,581,375種顏色
- 直播原始碼,懸浮窗滾動漸變色效果原始碼
- 18個採用漸變色設計的網頁網頁
- iOS自定義UIView動畫效果iOSUIView動畫
- iOS 超Easy實現 漸變導航欄iOS
- Table tr 奇數偶數行漸變色Jquery實現jQuery