iOS 動(dòng)畫(huà) -- Chapter 2

UsingSpringWithDamping

值位于0.0 到 1.0 之間,越小越會(huì)有彈跳效果。為1.0時(shí),幾乎沒(méi)有彈跳效果。

UIView.animate(withDuration: 3, delay: 0.5, usingSpringWithDamping: 0.1, initialSpringVelocity: 0.0, options: [], animations: {
      self.loginButton.center.y -= 50
      self.loginButton.alpha = 1
    }, completion: nil)
圖1
UIView.animate(withDuration: 3, delay: 0.5, usingSpringWithDamping: 1, initialSpringVelocity: 0.0, options: [], animations: {  
      self.loginButton.center.y -= 50
      self.loginButton.alpha = 1
    }, completion: nil)
圖2

UsingSpringWithDamping:該阻尼值影響所有屬性的動(dòng)畫(huà)效果,因此圖1中的透明度也有彈跳變化。

initialSpringVelocity

數(shù)值越大,動(dòng)畫(huà)的開(kāi)始速度越快,也就需要更長(zhǎng)的時(shí)間才能停下。

UIView.animate(withDuration: 3, delay: 0.5, usingSpringWithDamping: 0.1, initialSpringVelocity: 1, options: [], animations: {  
      self.loginButton.center.y -= 50
      self.loginButton.alpha = 1
    }, completion: nil)
圖3
UIView.animate(withDuration: 3, delay: 0.5, usingSpringWithDamping: 0.1, initialSpringVelocity: 100, options: [], animations: {  
        self.loginButton.center.y -= 50
        self.loginButton.alpha = 1
    }, completion: nil)
圖4

圖4比圖3中的登錄按鈕彈跳速度更快,更久停下來(lái),而且初始時(shí)的幅度更大。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容