調色大師|Ted

利用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.}}

重點注意:

  1. 程式碼outlet到要變色的圖片上,畫面操作Slider的Action回程式碼中。
  2. IBAction的顏色轉換直接丟給相對應的slider。
  3. 型別CGFloat。

--

--