礼物连击动画

基础知识

digitalLable:1.画文字  2.lable动画回调

channelView:0.几种状态 1.当执行完(lable动画回调)--检测是否有缓存数量-有就递归执行-count==0   2.单模型缓存--数量  3.动画  chanel回调 4.提供对外函数--增加正在执行动画的数量---number

containnerView:0.当执行chanel回调-检测多模型缓存--数量和类型--如果有就赋值数量和第一个模型--执行动画  1.提供对外插入模型方法:1.1检测是否和正在执行的相同--如果有增加chinel缓存数量--没有执行1.2   1.2检测是否有空通道有就直接赋值执行动画---没有执行1.3  1.3前两部没有加入到 模型缓存中

try处理

return try! userInfo.build()

userInfo.build()返回值中有throw  需要进行 try!处理

0.层级 关系 view  containView  channelView digitalview HYGiftModel

view: 只传入model就可以

containView: 1.判断是否有闲置通道  2.是否礼物模型相同 3.单通道的缓存数量

channelView: 对单个礼物的状态  和 缓存数量的执行 和 给模型赋值后执行动画

HYGiftModel: 判断礼物是否相同(重写isEqual 根据giftname 和发送者name )

1.HYDigitLabel  

1.0画出数字text   1.1设置开始动画方法----结束并且有回调

func startScaleAnimating(_ complection : (() -> Void)? = nil) {

UIView.animateKeyframes(withDuration: 1, delay: 0, options: [], animations: {

UIView.addKeyframe(withRelativeStartTime: 0, relativeDuration: 0.4, animations: {

self.transform = CGAffineTransform(scaleX: 3.0, y: 3.0)

})

UIView.addKeyframe(withRelativeStartTime: 0.4, relativeDuration: 0.8, animations: {

self.transform = CGAffineTransform(scaleX: 0.7, y: 0.7)

})

UIView.addKeyframe(withRelativeStartTime: 0.8, relativeDuration: 1, animations: {

self.transform = CGAffineTransform.identity

})

}) { (_) in

complection?()

}

}

2.HYGiftChannelView  通道view

class HYGiftChannelView: UIView {

// MARK: 控件属性

@IBOutlet weak var bgView: UIView!

@IBOutlet weak var iconImageView: UIImageView!

@IBOutlet weak var senderLabel: UILabel!

@IBOutlet weak var giftDescLabel: UILabel!

@IBOutlet weak var giftImageView: UIImageView!

@IBOutlet weak var digitLabel: HYDigitLabel!

// MARK: 定义属性

var finishedCallback : ((HYGiftChannelView) -> Void)?

var state : ChannerlViewState = .idle

var cacheNumber : Int = 0

fileprivate var currentNumber : Int = 0

var giftModel : HYGiftModel?  {

didSet {

// 1.校验模型是否有值

guard let giftModel = giftModel else {

return

}

// 2.将giftModel中属性设置到控件中

iconImageView.image = UIImage(named: giftModel.senderIcon)

senderLabel.text = giftModel.senderName

giftDescLabel.text = "送出礼物【\(giftModel.giftName)"

giftImageView.image = UIImage(named: giftModel.giftIcon)

// 3.将channelView展示出来

performShowAnimating()

}

}

}

enum ChannerlViewState {

case idle  闲置

case animating  正在执行

case endWating 等待结束

case ending 结束

}

2.1

fileprivate func performShowAnimating() {

状态改变

state = .animating

UIView.animate(withDuration: 0.25, animations: {

self.frame.origin.x = 0

self.alpha = 1.0

}) { (_) in

横条停到位置后----开始执行数字弹跳动画

self.performDigitAnimating()

}}

数字弹跳动画

fileprivate func performDigitAnimating() {

// 1.将digitLabel的alpha值设置为1

digitLabel.alpha = 1

// 2.设置digitLabel上面显示的数字

currentNumber += 1

digitLabel.text = " x\(currentNumber)"

// 3.执行动画

digitLabel.startScaleAnimating {

if self.cacheNumber > 0 {

self.cacheNumber -= 1

self.performDigitAnimating()

相当于递归执行 直到self.cacheNumber = 0

} else {

如果没有self.cacheNumber 状态就改变

self.state = .endWating

等待执行结束动画

self.perform(#selector(self.performEndAnimating), with: nil, afterDelay: 3.0)

}

}

@objc fileprivate func performEndAnimating() {

状态改变--正在结束  往右走的过程

self.state = .ending

UIView.animate(withDuration: 1, animations: {

self.frame.origin.x = UIScreen.main.bounds.width

}) { (_) in

self.alpha = 0.0

self.state = .idle

self.digitLabel.alpha = 0

self.currentNumber = 0

self.cacheNumber = 0

self.frame.origin.x = -self.frame.width

self.giftModel = nil

结束完成通知控制器,看是否还有任务需要执行

self.finishedCallback?(self)

}

}

// MARK:- 对外提供的函数---对单一通道的处理

extension HYGiftChannelView {

func addOnceToCache() {

若果正在等待结束----让其取消等待--立即执行-改变状态

if state == .endWating {

NSObject.cancelPreviousPerformRequests(withTarget: self)

self.state = .animating

performDigitAnimating()

} else {

其他情况就让其缓存+1

cacheNumber += 1

}

}

}

对containView处理

extension HYGiftContainerView {

fileprivate func setupUI() {

// 1.根据当前的渠道数，创建HYGiftChannelView

let w : CGFloat = frame.width

let h : CGFloat = 40

let x : CGFloat = -w

for i in 0..<2 {

let y : CGFloat = (h + 10) * CGFloat(i)

let channelView = HYGiftChannelView.loadChannelView()

channelView.frame = CGRect(x: x, y: y, width: w, height: h)

channelView.alpha = 0.0

addSubview(channelView)

channelViews.append(channelView)

channelView.finishedCallback = {[unowned self] (channelView) in

// 1.检查缓存中是否有内容

guard self.cacheGiftModels.count != 0 else {

return

}

// 2.取出模型

let firstGiftModel = self.cacheGiftModels.first!

self.cacheGiftModels.removeFirst()

// 3.取出和giftModel相同模型的个数

var cacheNumber = 0

for i in (0..<self.cacheGiftModels.count).reversed() {

if self.cacheGiftModels[i].isEqual(firstGiftModel) {

cacheNumber += 1

self.cacheGiftModels.remove(at: i)

}

}

// 4.让闲置的channelView执行缓存中礼物模型的动画

channelView.cacheNumber = cacheNumber

channelView.giftModel = firstGiftModel

}

}

}

}

对外提供的函数--如何调用

extension HYGiftContainerView {

func insertGiftModel(_ giftModel : HYGiftModel) {

// 1.判断是否有正在执行动画的渠道的模型和新插入的模型一致

if let channelView = checkModelInChannerView(giftModel) {

channelView.addOnceToCache()

return

}

// 2.有没有闲置的channelView可以用于展示的礼物

if let channelView = checkIdleChannelView() {

channelView.giftModel = giftModel

return

}

// 3.将模型添加到缓存中

cacheGiftModels.append(giftModel)

}

fileprivate func checkModelInChannerView(_ newGiftModel : HYGiftModel) -> HYGiftChannelView? {

// return channelViews.filter({ newGiftModel.isEqual($0.giftModel) }).first

for channelView in channelViews {

if newGiftModel.isEqual(channelView.giftModel) && channelView.state != .ending {

return channelView

}

}

return nil

}

fileprivate func checkIdleChannelView() -> HYGiftChannelView? {

// return channelViews.filter({ $0.state == .idle }).first

for channelView in channelViews {

if channelView.state == .idle {

return channelView

}

}

return nil

}

}

模型的处理

class HYGiftModel : NSObject {

var senderName : String = ""

var senderIcon : String = ""

var giftIcon : String = ""

var giftName : String = ""

init(senderName : String, senderIcon : String, giftIcon : String, giftName : String) {

self.senderName = senderName

self.senderIcon = senderIcon

self.giftIcon = giftIcon

self.giftName = giftName

}

override func isEqual(_ object: Any?) -> Bool {

// 1.判断传入的内容是否有值

guard let object = object as? HYGiftModel else {

return false

}

// 2.判断赠送者和赠送的礼物名称是否相同

return object.senderName == senderName && object.giftName == giftName

}

}