web-dev-qa-db-ja.com

UIViewの背景色をアニメーション化swift

UIViewの背景をランダムな色でアニメーション化したいと思います。これが私がこれまでに行ったことです:

import UIKit

class ViewController: UIViewController {

    var timer = NSTimer()
    var colours = UIColor()

    override func viewDidLoad() {
        super.viewDidLoad()
        getRandomColor()
        timerF()

        UIView.animateWithDuration(2, delay: 0.0, options:[UIViewAnimationOptions.Repeat, UIViewAnimationOptions.Autoreverse], animations: {
            self.view.backgroundColor = self.colours

            }, completion:nil)
    }

    func timerF(){
         timer = NSTimer.scheduledTimerWithTimeInterval(1, target: self, selector: Selector("getRandomColor"), userInfo: nil, repeats: true)
    }

    func getRandomColor(){
        let red   = Float((arc4random() % 256)) / 255.0
        let green = Float((arc4random() % 256)) / 255.0
        let blue  = Float((arc4random() % 256)) / 255.0
        let alpha = Float(1.0)
        colours = UIColor(colorLiteralRed: red, green: green, blue: blue, alpha: alpha)
    }

}

ただし、最初にランダムな色を生成し、この単一の色をアニメーションで使用します。色をアニメーション化する方法を見つけたいので、UIVIewの背景はランダムなレインボーのように見えます。

17
John White

アニメーションをgetRandomColorに配置するだけです。

func getRandomColor() {
    let red   = CGFloat((arc4random() % 256)) / 255.0
    let green = CGFloat((arc4random() % 256)) / 255.0
    let blue  = CGFloat((arc4random() % 256)) / 255.0
    let alpha = CGFloat(1.0)

    UIView.animate(withDuration: 1.0, delay: 0.0, options:[.repeat, .autoreverse], animations: {
        self.view.backgroundColor = UIColor(red: red, green: green, blue: blue, alpha: alpha)
    }, completion:nil)
}
39
Caleb