#14 調色大師_找尋異色寶可夢

☀︎主要練習目標:Random、UISilder、UIColor、UIAction

Step1:
找尋背景圖片後,等比例按照圖片大小挖一個洞並將想更改顏色的部分去背,然後將圖片放置於洞洞當中~。

Step2:
將需要操作及改變的部分拉上IBOutlet和IBAction,這邊要注意的是silder要使用的功能相同,故拉到同一個IBAction。

Step3:
最後是設定隨機亂數及更改顏色的功能,更改時顏色要注意型別的轉換,另外加上silder移動的動畫增添一點視覺效果。

☀︎完整程式碼及GitHub網址:

import UIKit

class ViewController: UIViewController {

@IBOutlet weak var redSilder: UISlider!
@IBOutlet weak var greenSilder: UISlider!
@IBOutlet weak var alphaSilder: UISlider!
@IBOutlet weak var blueSilder: UISlider!

@IBOutlet weak var backgroundImageView: UIImageView!
override func viewDidLoad() {
super.viewDidLoad()
backgroundImageView.backgroundColor = UIColor.systemMint
// Do any additional setup after loading the view.
}

@IBAction func changeColor(_ sender: Any) {
backgroundImageView.backgroundColor = UIColor(red: CGFloat(redSilder.value), green: CGFloat(greenSilder.value), blue: CGFloat(blueSilder.value), alpha: CGFloat(alphaSilder.value))
}

@IBAction func random(_ sender: Any) {
redSilder.setValue(Float.random(in: 0...1), animated: true)
greenSilder.setValue(Float.random(in: 0...1), animated: true)
blueSilder.setValue(Float.random(in: 0...1), animated: true)
alphaSilder.setValue(Float.random(in: 0...1), animated: true)
backgroundImageView.backgroundColor = UIColor(red: CGFloat(redSilder.value), green: CGFloat(greenSilder.value), blue: CGFloat(blueSilder.value), alpha: CGFloat(alphaSilder.value))

}
}

https://github.com/ji3g4vic/clothesChangeColor

--

--