如何在swift中为UILabel中的递增数设置动画

时间:2016-04-02 06:56:35

标签: swift2 nstimer uianimation xcode7.1 ios9.2

我有一个标签显示一个数字,我想将其更改为更高的数字,但是,我想为它添加一些亮点。我想通过一个易于进出的曲线将数字增加到更高的数字,以便加速然后减慢。请问,如何在swift中实现这一点,这是我的代码。谢谢。

 let newValue : Double = 1000 
 let oldValue : Double = 500 

 timer = NSTimer.scheduledTimerWithTimeInterval(0.1, target: self, selector: Selector("countAnimation:"), userInfo: ["oldValue":oldValue, "newValue": newValue],  repeats: true)

func countAnimation(timer: NSTimer)
{
    let dict = timer.userInfo as? [String:AnyObject]
    var OldTotalValue : Double = (dict!["oldValue"] as? Double)!
    let newTotalValue : Double = (dict!["newValue"] as? Double)!

    OldTotalValue = OldTotalValue + 10


    if newTotalValue < OldTotalValue
    {
        timer.invalidate()
    }
  else

    {
         mylabel.text =  String(OldTotalValue)
    }
}

2 个答案:

答案 0 :(得分:2)

我对swift并不完全熟悉。但我之前使用抛物线曲线实现了这一点。

或多或少地发生了什么是基本代数。您有一个图表,其中x轴在一个轴上,然后y在时间轴上。您希望每个动画之间的时间延迟增加,直到达到稳定状态。

例如:

x = 1延迟= 100ms,x = 2延迟= 200ms,x = 3延迟= 310ms,x = 4延迟= 430ms

请注意,每次增加都比前一次增加。

在数学上得到这样的斜率,你可以坐在公式前面,如:

y = -x + x ^ 2

enter image description here

并使用它直到你得到一个输出,使得对于x的每个增量,你的延迟对应于在动画上看起来干净的漂亮减速。

值得庆幸的是,苹果公司作为包含这样做的库,我通过快速搜索找到了它:

 UIViewAnimationOptions.CurveEaseOut

这个库会给你一条曲线,它会快速开始然后变慢,这是Apple Documentation的其余部分

答案 1 :(得分:1)

请检查:

func countAnimation(timer: NSTimer)
{
    UIView.transitionWithView(label,
                          duration: 1.0,
                          options: [.CurveEaseInOut],
                          animations: { () -> Void in
                          // Write your code here
    }, completion: nil)

}