調色大師|Ted
Published in
4 min readDec 5, 2018
利用IBOutlet與IBAction概念,用Slider調色。
先找到一個學長文章解釋IBOutlet與IBAction概念,一張圖就可以清楚說明:
了解概念後,做了一個簡易的RGB+alpha的圖形調色。
程式碼:
import UIKitclass ViewController: UIViewController {@IBOutlet weak var dogview: UIImageView!@IBOutlet weak var redslider: UISlider!@IBOutlet weak var greenslider: UISlider!@IBOutlet weak var blueslider: UISlider!@IBOutlet weak var alphaslider: UISlider!@IBAction func redsliderchange(_ sender: Any) {dogview.backgroundColor = UIColor(red: CGFloat(redslider.value), green: CGFloat(greenslider.value), blue: CGFloat(blueslider.value), alpha:CGFloat(alphaslider.value) )}@IBAction func greensliderchange(_ sender: Any) {dogview.backgroundColor = UIColor(red: CGFloat(redslider.value), green: CGFloat(greenslider.value), blue: CGFloat(blueslider.value), alpha:CGFloat(alphaslider.value) )}@IBAction func bluesliderchange(_ sender: Any) {dogview.backgroundColor = UIColor(red: CGFloat(redslider.value), green: CGFloat(greenslider.value), blue: CGFloat(blueslider.value), alpha:CGFloat(alphaslider.value) )}@IBAction func alphasliderchange(_ sender: Any) {dogview.backgroundColor = UIColor(red: CGFloat(redslider.value), green: CGFloat(greenslider.value), blue: CGFloat(blueslider.value), alpha:CGFloat(alphaslider.value) )}override func viewDidLoad() {super.viewDidLoad()// Do any additional setup after loading the view, typically from a nib.}}
重點注意:
- 程式碼outlet到要變色的圖片上,畫面操作Slider的Action回程式碼中。
- IBAction的顏色轉換直接丟給相對應的slider。
- 型別CGFloat。