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.放置一个图片控件
2.设置 Custom Class 为 SpringImageView(根据不同的控件选择不同的 SpringView)
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()
// }