ios-swift-Spring动画框架使用

pod ‘Spring’, :git => ‘https://github.com/MengTo/Spring.git’

Spring动画类型,属性及其它设置

     **动画类型:**
     pop:大小弹性缩放效果
     shake:左右摇晃效果
     morph:左右上下弹性变形效果
     squeeze:左右上下弹性挤压效果
     wobble:左右摆动上下震动效果
     swing:左右摆动效果
     flipY:上下翻转效果
     flipX:左右翻转效果
     fall:掉落的效果
     squeezeLeft:左边挤压,完后不会复位
     squeezeRight:右边挤压,完后不会复位
     squeezeDown:下方挤压,完后不会复位
     squeezeUp:上方挤压,完后不会复位
     slideLeft:往左边移动,完后不会复位
     slideRight:往右移动,完后不会复位
     slideDown:往下移动,完后不会复位
     slideUp:往上移动,完后不会复位
     fadeIn:逐渐显示
     fadeOut:逐渐隐藏,与fadeIn配效果会更好
     fadeInLeft:从右往左逐渐显示
     fadeInRight:从左往右逐渐显示
     fadeInDown:从上往下逐渐显示
     fadeInUp:从下往上逐渐显示
     zoomIn:由小向大显示
     zoomOut:由大向小隐藏
     flash:闪光效果

     **动画曲线(效果描述不出来,各位自己试试吧)**:
     spring
     linear:线性
     easeIn
     easeOut
     easeInOut

     **属性:**
     force:动画力度 (数字,一般 0-1)
     duration:动画持续时间 (数字,以秒为单位)
     delay:动画延迟时间 (数字,以秒为单位)
     damping:动画阻尼指数 (数字,一般 0-1)
     velocity:动画的速度 (数字,一般 0-1)
     repeatCount:动画的重复次数(数字)
     scale:比例
     x:动画效果 x 轴的位置(坐标范围)
     y:动画效果 y 轴的位置(坐标范围)
     rotate:(不知道啥作用,翻译是动画旋转)

在.storyboard中使用

1.放置一个图片控件
ios-swift-Spring动画框架使用_第1张图片
2.设置 Custom Class 为 SpringImageView(根据不同的控件选择不同的 SpringView)
ios-swift-Spring动画框架使用_第2张图片
3.设置属性
ios-swift-Spring动画框架使用_第3张图片

代码使用

 //Sping动画
 let bgView = SpringView()
 //视图总的View
 @IBOutlet var zongView: UIView!
 //屏幕宽
 let Screen_width = UIScreen.main.bounds.size.width
 //屏幕高
 let Screen_height = UIScreen.main.bounds.size.height
 bgView.frame = CGRect(x: 30, y: Screen_height/2 - 250, width: Screen_width - 60, height: 420)//设置大小及其位置
 bgView.backgroundColor = UIColor.black//背景色
 bgView.layer.cornerRadius = 9
 bgView.clipsToBounds = true

 bgView.animation = "fall"
 bgView.curve = "easeInOut"
 bgView.duration = 1.0
 bgView.damping = 0.7
 bgView.velocity = 0.7
 bgView.force = 0.3
 bgView.animate()
 zongView.addSubview(bgView)
        //动画执行完成后执行的函数
//        bgView.animateToNext {
//            self.bgView.animation = "slideRight"
//            self.bgView.animateTo()
//        }
        //动画执行的同时执行
//        bgView.animateNext {
//            self.bgView.animation = "swing"
//            self.bgView.animateTo()
//        }

Spring-Github位置
参考文章

你可能感兴趣的:(ios)