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兩種顏色的線性漸變 --DDGBannerScrollViewiOSView
- ECharts柱條漸變色設定以及常用漸變色Echarts
- 簡易的iOS導航欄顏色漸變方案iOS
- CAGradientLayer設定漸變色
- CSS 實現字型顏色漸變CSS
- css3背景顏色漸變CSSS3
- echarts的漸變色的設定Echarts
- iOS UIView基本動畫iOSUIView動畫
- Android 顏色漸變 屬性動畫Android動畫
- 利用CAGradientLayer自定義顏色漸變viewView
- iOS 繪製漸變·基礎篇iOS
- 直播小程式原始碼,Swift 獲取漸變色顏色值原始碼Swift
- 在LCD螢幕上漸變顯示sRGB所有範圍顏色, 最大可漸變16,581,375種顏色
- Mac控制檯的漸變色玩一下!Mac
- css文字顏色漸變的3種實現CSS
- CSS3文字顏色漸變效果CSSS3
- echarts 繪製圓形進度條帶漸變色Echarts
- 直播原始碼,懸浮窗滾動漸變色效果原始碼
- python seaborn畫熱力圖,自定義顏色漸變Python
- 漸變色進度條的兩種繪製方案
- iOS 中 UIView 和 CALayer 的關係iOSUIView
- js計算線性漸變的中間顏色值JS
- 直播軟體開發,漸變色任務進度條
- app直播原始碼,xml實現由上而下的顏色漸變APP原始碼XML
- Table tr 奇數偶數行漸變色Jquery實現jQuery
- [譯] Android 實現顏色漸變的一個小 tipAndroid
- Android 沉浸式狀態列 漸變顏色的實現Android
- 直播軟體搭建,漸變色按鈕帶陰影樣式
- CSS實現漸變色邊框(Gradient borders)的5種方法CSS
- Android仿IOS上拉下拉彈性效果,同時利用顏色漸變,設定上拉下拉背景顏色不一致效果AndroidiOS
- 成品直播原始碼,圖片放大且有漸變色罩層出現原始碼
- css奇技淫巧-色彩漸變與動態漸變CSS
- 直播系統app原始碼,漸變色按鈕帶陰影樣式APP原始碼
- Jquery實現頁面的新增、刪除、全選、取消全選、漸變色jQuery
- echarts圖表漸變色 、及X軸滾動條樣式處理Echarts
- css 字型漸變CSS
- CSS背景漸變CSS