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

@IBAction、@IBOutlet、Slider、random、SegmentedControl

最初參考這個，不過…做切換SegmentedControl有點花太多時間了，只好先完成其他功能。

#13 莫莉

換房間壁紙的小遊戲，牆面壁紙用亂數來呈現

上課完就做這個起來玩。

圖層上疊加的方式，去設定圖層顏色*

＊壁紙的顏色怎麼那麼搭，看起來地板發光欸～ＸＤＤ

import UIKit
class ViewController: UIViewController {
//@IBOutlet對應到畫面上的元件，要有反應的元件。
@IBOutlet weak var wellImage: UIImageView!
@IBOutlet weak var randomSlider: UIButton!
@IBOutlet weak var redSlider: UISlider!
@IBOutlet weak var greenSlider: UISlider!
@IBOutlet weak var blueSlider: UISlider!
@IBOutlet weak var alphaSlider: UISlider!

override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
}
//以下方式是將亂數寫入Slider.value裡面，用Image.backgroundColor去讀Slider.value的亂數。這樣就可以在storyboard畫面上看到，亂數會傳回Slider。
（這部分我想不出來沒有頭緒，只好去煩PETER，謝謝呀～這樣就看懂了!）
//@IBAction畫面要開始有動作，執行func的內容。
@IBAction func sliderChangeColor(_ sender: UISlider) {
wellImage.backgroundColor = UIColor(red: CGFloat(redSlider.value), green: CGFloat(greenSlider.value), blue: CGFloat(blueSlider.value), alpha: CGFloat(alphaSlider.value))
}
@IBAction func randomChange(_ 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…1)
//隱藏這一行看效果*
wellImage.backgroundColor = UIColor(red: CGFloat(redSlider.value), green: CGFloat(greenSlider.value), blue: CGFloat(blueSlider.value), alpha: CGFloat(alphaSlider.value))

//直接產生顏色亂數。這是原本的數值，按下隨機會產生亂數，但不會反饋在Slider上。
//wellImage.backgroundColor = UIColor(red: CGFloat.random(in: 0…1), green: CGFloat.random(in: 0…1), blue: CGFloat.random(in: 0…1), alpha: CGFloat.random(in: 0…1))
}
}

又找到很可愛的圖片，就又用另一個主題在做一個，直接再複習一次上面的功能。SegmentedControl的切換的裡面，程式部分應該可以再優化，用最基本的方式，一個一個去呈現功能。

圖層第一張圖要挖洞(要顯示變色的區塊挖空)，中間層只放要變色的圖層，最底層用原本圖片鋪一層*

程式的部分，贅字太多。就直接用連結唷～

Github:

Wallpaper

Lydia-Lu-code/changecolor

Girl

Lydia-Lu-code/changecolor3

參考：

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

調色APP — 房屋塗裝

Photo by Diego PH on Unsplash