Swift洗牌動畫效果的實現方法

目標效果: 點擊動畫按鈕之後每張牌各自旋轉散開到屏幕上半部分的任意位置之後回到初始位置比較像LOL男刀的技能動畫: )

1: 創建卡牌對象

for _ in 0...49 { let cardSet = UIImageView(image: UIImage(named: "cardBackLandscape")) self.view.addSubview(cardSet) cardSet.frame = self.landscapeCardBack.frame self.cardSetList.append(cardSet) } NSNotificationCenter.defaultCenter().postNotificationName("setCreated", object: nil)

把每個卡牌作為UIImageView創建出來,為了之後對這些牌進行操作我用數組把他們持有住在同一位置創建好了之後使用本地通知發送setCreated消息告訴這個頁面的觀察者card set已經創建完畢可以開始執行第二步動畫

2: 首先需要把開始動畫的按鈕的用戶交互關閉,如果開著的話連續點擊每次都會創建50張牌,導致程序卡頓甚至掛掉

這裡的delayTime是給線程加一個延遲時間只是為了讓動畫不很生硬

每次循環給對應下標的card對象添加旋轉動畫,並且改變它的原點,我在用UIView動畫實現這套動畫之前想過給每張牌添加貝塞爾曲線,那樣的話確實可控性更高,但是由於時間關係我還是只用了UIViewAnimation,給card添加的旋轉動畫是使用POP動畫庫實現的,這裡使用的是Basic動畫.這一步結束之後會把每張牌旋轉並散開到不同的位置,在delayTime結束並觸發本地通知發送shuffleFinished的時候,這個頁面的觀察者會執行下一部動畫也就是把每張牌還原到動畫起點

func shuffleTheSet() { self.shuffleButton.userInteractionEnabled = false let delayTime = dispatch_time(DISPATCH_TIME_NOW, Int64(0.5 * Double(NSEC_PER_SEC))) dispatch_after(delayTime, dispatch_get_main_queue()) { NSNotificationCenter.defaultCenter().postNotificationName("shuffleFinished", object: nil) } for count in 0...49 { UIView.animateWithDuration(0.3, animations: { let cardRotateAnimation = POPBasicAnimation(propertyNamed: kPOPLayerRotation) cardRotateAnimation.fromValue = 0 cardRotateAnimation.toValue = CGFloat(M_PI * 2.0) cardRotateAnimation.duration = 1 // cardRotateAnimation.duration = Double(count>5 ? count/2 : count/10) cardRotateAnimation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear) self.cardSetList[count].layer.pop_addAnimation(cardRotateAnimation, forKey: "cardRotation") self.cardSetList[count].frame.origin = CGPointMake(CGFloat(arc4random()) % (250 - 0 + 1) + 0, CGFloat(arc4random()) % (300 - 74 + 1) + 74) self.view.layoutIfNeeded() self.landscapeCardBack.removeFromSuperview() }) } }

3: 把每張牌的還原到初始位置,並把button的title設置為切牌狀態.

 for count in 0...49 { UIView.animateWithDuration(0.3, animations: { self.cardSetList[count].center = self.landscapeCardBack.center }) self.view.layoutIfNeeded() } self.shuffleButton.userInteractionEnabled = true self.shuffleButton.setTitle("Cut Card", forState: .Normal)

牌洗完之後的需求是切牌,由於時間原因下周繼續更新後續動畫效果…

以上所述是小編給大家介紹的Swift洗牌動畫效果的實現方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！