แนวทางที่รวดเร็ว
คำตอบนี้สร้างขึ้นจากคำตอบข้างต้นและให้การใช้งานสำหรับการจัดการกับปัญหาการไล่ระดับสีที่ไม่ได้ใช้อย่างถูกต้องระหว่างการหมุน มันเป็นที่น่าพอใจปัญหานี้โดยการเปลี่ยนชั้นลาดเป็นสี่เหลี่ยมเพื่อให้การหมุนในทุกทิศทางส่งผลให้เกิดการไล่ระดับสีที่ถูกต้อง ลายเซ็นของฟังก์ชั่นประกอบด้วยอาร์กิวเมนต์ Variadic Swift ที่อนุญาตให้ส่งผ่าน CGColorRef จำนวนมาก (CGColor) เท่าที่จำเป็น (ดูการใช้ตัวอย่าง) นอกจากนี้ยังมีตัวอย่างเป็นส่วนขยาย Swift เพื่อให้สามารถใช้การไล่ระดับสีกับ UIView ใด ๆ
func configureGradientBackground(colors:CGColorRef...){
let gradient: CAGradientLayer = CAGradientLayer()
let maxWidth = max(self.view.bounds.size.height,self.view.bounds.size.width)
let squareFrame = CGRect(origin: self.view.bounds.origin, size: CGSizeMake(maxWidth, maxWidth))
gradient.frame = squareFrame
gradient.colors = colors
view.layer.insertSublayer(gradient, atIndex: 0)
}
ใช้:
ใน viewDidLoad ...
override func viewDidLoad() {
super.viewDidLoad()
configureGradientBackground(UIColor.redColor().CGColor, UIColor.whiteColor().CGColor)
}
การขยายการใช้งาน
extension CALayer {
func configureGradientBackground(colors:CGColorRef...){
let gradient = CAGradientLayer()
let maxWidth = max(self.bounds.size.height,self.bounds.size.width)
let squareFrame = CGRect(origin: self.bounds.origin, size: CGSizeMake(maxWidth, maxWidth))
gradient.frame = squareFrame
gradient.colors = colors
self.insertSublayer(gradient, atIndex: 0)
}
}
ตัวอย่างการใช้ส่วนขยาย:
override func viewDidLoad() {
super.viewDidLoad()
self.view.layer.configureGradientBackground(UIColor.purpleColor().CGColor, UIColor.blueColor().CGColor, UIColor.whiteColor().CGColor)
}
ซึ่งหมายความว่าพื้นหลังไล่ระดับสีสามารถใช้กับ UIControl ใดก็ได้เนื่องจากการควบคุมทั้งหมดเป็น UIViews (หรือคลาสย่อย) และ UIViews ทั้งหมดมี CALayers
สวิฟต์ 4
การขยายการใช้งาน
extension CALayer {
public func configureGradientBackground(_ colors:CGColor...){
let gradient = CAGradientLayer()
let maxWidth = max(self.bounds.size.height,self.bounds.size.width)
let squareFrame = CGRect(origin: self.bounds.origin, size: CGSize(width: maxWidth, height: maxWidth))
gradient.frame = squareFrame
gradient.colors = colors
self.insertSublayer(gradient, at: 0)
}
}
ตัวอย่างการใช้ส่วนขยาย:
override func viewDidLoad() {
super.viewDidLoad()
self.view.layer.configureGradientBackground(UIColor.purple.cgColor, UIColor.blue.cgColor, UIColor.white.cgColor)
}
