swift-商品加入购物车动画

前端之家收集整理的这篇文章主要介绍了swift-商品加入购物车动画前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
// MARK: - 商品图片抛入购物车的动画效果 
extension QHGoodListViewController {
    /**
    开始动画 
    - parameter rect: 商品图标对象的frame 
    - parameter iconView: 商品图标对象
    */
    
    private func startAnimation(rect: CGRect,iconView:UIImageView) {
        
        if layer == nil {
            layer = CALayer()
            layer?.contents = iconView.layer.contents
            layer?.contentsGravity = kCAGravityResizeAspectFill
            layer?.bounds = rect
            layer?.cornerRadius = CGRectGetHeight(layer!.bounds)*0.5
            layer?.masksToBounds = true
            layer?.position = CGPoint(x: iconView.center.x,y: CGRectGetMinY(rect)+96)
                UIApplication.sharedApplication().keyWindow?.layer.addSublayer(layer!)
            path = UIBezierPath()
            path!.moveToPoint(layer!.position)
            path?.addQuadCurveToPoint(CGPoint(x: SCREEN_WIDTH - 25,y: 35),controlPoint: CGPoint(x: SCREEN_WIDTH*0.5,y: rect.origin.y - 80))
        }
        
        // 组动画
        groupAnimation()
    }
    
    // 组动画 帧动画抛入购物车 并放大、缩小图层增加点动效
    private func groupAnimation() {
        
        // 开始动画禁用tableView交互 
        tableView.userInteractionEnabled = false
        
        // 帧动画
        let animation = CAKeyframeAnimation(keyPath: "position")
        animation.path = path!.CGPath
        animation.rotationMode = kCAAnimationRotateAuto
        
        // 放大动画 
        let bigAnimation = CABasicAnimation(keyPath: "transform.scale")
        bigAnimation.duration = 0.5
        bigAnimation.fromValue = 1
        bigAnimation.toValue = 2
        bigAnimation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseIn)
        
        // 缩小动画
        let smallAnimation = CABasicAnimation(keyPath: "transform.scale")
        smallAnimation.beginTime = 0.5
        smallAnimation.duration = 1.5
        smallAnimation.fromValue = 2
        smallAnimation.toValue = 0.3
        smallAnimation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaSEOut)
        
        // 组动画
        let groupAnimation = CAAnimationGroup()
        groupAnimation.animations = [animation,bigAnimation,smallAnimation]
        groupAnimation.duration = 2
        groupAnimation.removedOnCompletion = false
        groupAnimation.fillMode = kCAFillModeForwards
        groupAnimation.delegate = self
        layer?.addAnimation(groupAnimation,forKey: "groupAnimation")
    }
    
    // 动画结束后做一些操作 
    override func animationDidStop(anim: CAAnimation,finished flag: Bool) {
        
        // 如果动画是我们的组动画 才开始一些操作 
        if anim == layer?.animationForKey("groupAnimation") {
            
            // 开启交互 
            tableView.userInteractionEnabled = true
            
            // 隐藏图层 
            layer?.removeAllAnimations()
            layer?.removeFromSuperlayer()
            layer = nil
            
            // 如果商品数大于0 显示购物车里地商品数量 
            if self.addGoodArray.count > 0 {
                addCountLabel.hidden = false
            }
            
            // 商品数量渐出 
            let goodCountAnimation = CATransition()
            goodCountAnimation.duration = 0.25
            addCountLabel.text = "\(self.addGoodArray.count)"
            addCountLabel.layer.addAnimation(goodCountAnimation,forKey: nil)
            
            //购物车颤抖 
            let cartAnimation = CABasicAnimation(keyPath: "transform.translation.y")
            cartAnimation.duration = 0.25
            cartAnimation.fromValue = -5
            cartAnimation.toValue = 5
            cartAnimation.autoreverses = true
            cartButton.layer.addAnimation(cartAnimation,forKey: nil)
        }
    }
    
    
}

猜你在找的Swift相关文章