Swift|21 幫波妞換衣服-調色大師

學習目的：@IBAction、@IBOutlet、Slider、random

1. 先幫波妞的衣服去背

如何用 Preview App (預覽程式)去背圖片

2.我選了點點圖案當底層，原本波妞的衣服沒有點點圖案

3.加入slider拉@IBOutlet

@IBOutlet weak var ponyoImageView: UIImageView!
@IBOutlet weak var redSlider: UISlider!
@IBOutlet weak var greenSlider: UISlider!
@IBOutlet weak var blueSlider: UISlider!
@IBOutlet weak var alphaSlider: UISlider!

4.再將slider拉@IBAction

@IBAction func changeColor(_ sender: Any) {
ponyoImageView.backgroundColor = UIColor(
red: CGFloat(redSlider.value),
green: CGFloat(greenSlider.value),
blue: CGFloat(blueSlider.value),
alpha: CGFloat(alphaSlider.value))
}

@IBAction做一樣的事，所以只要拉 1 個 IBAction

拉 image view & slider 的 outlet，才能從程式存取 image view & slider

有可能同一個元件同時拉 outlet和 action

可以在 CGFloat( ) 傳入 Float 型別的東⻄，生出 CGFloat 的東⻄

Swift|20 Editor placeholder in source file 的錯誤

上面是在這次作業中遇到的問題，另外寫成一篇文章

5.加入隨機（亂數）功能

@IBAction func randomColor(_ sender: Any) {
redSlider.value = Float.random(in: 0...1)
greenSlider.value = Float.random(in: 0...1)
blueSlider.value = Float.random(in: 0...1)
alphaSlider.value = Float.random(in: 0.5...1)
ponyoImageView.backgroundColor = UIColor(red: CGFloat(redSlider.value), green: CGFloat(greenSlider.value), blue: CGFloat(blueSlider.value), alpha: CGFloat(alphaSlider.value))

因為參數的型別是 CGFloat，所以要用 CGFloat.random

參考文章

#13 彼得潘的影子 — 調色大師

#5 彼得潘的影子 — 調色大師

要調幾次、隨機、重來都可以！恐龍的帽子調色進階版─調色大師 APP

調色大師 (加上亂數和漸層)-Wellpaper&Girl

HW#9.1 調色大師

GitHub

https://github.com/ting3242006/changeColorApp