欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Swift洗牌动画效果的实现方法

程序员文章站 2024-03-08 21:15:04
目标效果: 点击动画按钮之后每张牌各自旋转 散开到屏幕上半部分的任意位置之后回到初始位置 比较像lol男刀的技能动画 : ) 1: 创建卡牌对象 for _ i...

目标效果: 点击动画按钮之后每张牌各自旋转 散开到屏幕上半部分的任意位置之后回到初始位置 比较像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洗牌动画效果的实现方法,希望对大家有所帮助