Day 14 实作调色盘App(2/3)

上一篇我们讲到如何用Slider去改变颜色
这篇会介绍如何使用输入框

程序码如下：

//控制红色的输入框
 @IBAction func redtextfield(_ sender: UITextField) {
        redslider.value = textFieldValueToSliderValue(num: sender.text!)
        VIEW.backgroundColor = UIColor(red: CGFloat(redslider.value/255), green: CGFloat(greenslider.value/255), blue: CGFloat(blueslider.value/255),alpha: 1)
    }

//控制绿色的输入框
 @IBAction func greentextfield(_ sender: UITextField) {
        greenslider.value = textFieldValueToSliderValue(num: sender.text!)
        VIEW.backgroundColor = UIColor(red: CGFloat(redslider.value/255), green: CGFloat(greenslider.value/255), blue: CGFloat(blueslider.value/255),alpha: 1)
    }

//控制蓝色的输入框
 @IBAction func bluetextfield(_ sender: UITextField) {
        blueslider.value = textFieldValueToSliderValue(num: sender.text!)
        VIEW.backgroundColor = UIColor(red: CGFloat(redslider.value/255), green: CGFloat(greenslider.value/255), blue: CGFloat(blueslider.value/255),alpha: 1)
    }

由於输入框读的值是字串，所以我们藉由

greenslider.value = textFieldValueToSliderValue(num: sender.text!)

这段去把他的值读出来

然後这边会报错，原因是因为我们还没有建立function，
我们在下面建立一个function叫做"textFieldValueToSliderValue"

(注意不要建立错位置，将function建立在viewDidLoad()里，我们要建立在viewDidLoad()"外面")

   var result: Float = 0
   func textFieldValueToSliderValue(num: String) -> Float {
       result = Float(num)!
       return result
   }

建立好之後我们再学习点击空白处关闭键盘的方法

//按下空白处可以收起键盘
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        view.endEditing(true)
    }
    

到这边程序码的部分就完成了～这边会有@IBOutlet跟@IBAction的报错，是因为我们还没建立元件也还没拉连结，下一篇会跟各位说怎麽拉连结～