UIView的动画之初步学习

animateWithDuration:<#(NSTimeInterval)#> delay:<#(NSTimeInterval)#> options:<#(UIViewAnimationOptions)#> animations:<#^(void)animations#> completion:<#^(BOOL finished)completion#>

• duration： 动画时长
• delay： 决定了动画在延迟多久以后执行
• options：用来决定动画的展现方式，接下来会进行讲解
• animations：转化成动画表示的代码
• completion：动画结束后执行的代码块

不是全部修改属性的操做放到animations代码块中都是变成动画实现的 —— 无论你怎么修改一个视图的tag，或者是delegate。所以，可实现动画的属性一定会致使视图的从新渲染。
这些能够生成动画的属性大体能够分红这么三类：坐标尺寸、视图显示、形态变化

坐标尺寸:

• bounds：修改这个属性会结合center属性从新计算frame。建议经过这个属性修改尺寸
• frame：修改这个属性一般会致使视图形变的同时也发生移动，而后会从新设置center跟bounds属性
• center: 设置后视图会移动到一个新位置，修改后会结合bounds从新计算frame

 

视图显示:

• backgroundColor: 修改这个属性会产生颜色渐变过渡的效果，本质上是系统不断修改了tintColor来实现的
• alpha：修改这个属性会产生淡入淡出的效果
• hidden：修改这个属性能够制做翻页隐藏的效果

形态变化:

　　transform：修改这个属性能够实现旋转、形变、移动、翻转等动画效果，其经过矩阵运算的方式来实现，所以更增强大

上面咱们使用到的动画方法中有一个重要的参数options，它能让你高度的自定义动画效果。下面展现这个参数类型的值集合，你能够经过结合不一样的参数来实现本身的动画：

　Repeating:

UIViewAnimationOptionRepeat //动画循环执行 UIViewAnimationOptionAutoreverse //动画在执行完毕后会反方向再执行一次
UIViewAnimationOptionRepeat参数不只是让动画循环播放，而且还致使了completion的回调永远没法执行

Easing:
UIViewAnimationOptionRepeatcompletion

UIViewAnimationOptionCurveEaseInOut //先加速后减速，默认(先加速，后减速) UIViewAnimationOptionCurveEaseIn //由慢到快(逐渐加速) UIViewAnimationOptionCurveEaseOut //由快到慢(速度领先，而后减速) UIViewAnimationOptionCurveLinear //匀速(匀速运动)

Transitioning:
在视图、图片切换的时候，咱们还能经过传入下面的这些参数来实现一些特殊的动画效果:使用方法
 UIView transitionWithView:<#(nonnull UIView *)#> duration:<#(NSTimeInterval)#>
 options:<#(UIViewAnimationOptions)#> animations:<#^(void)animations#> completion:<#^(BOOL finished)completion#>

 UIViewAnimationOptionTransitionNone //没有效果，默认 UIViewAnimationOptionTransitionFlipFromLeft //从左翻转效果 UIViewAnimationOptionTransitionFlipFromRight //从右翻转效果 UIViewAnimationOptionTransitionCurlUp //从上往下翻页 UIViewAnimationOptionTransitionCurlDown //从下往上翻页 UIViewAnimationOptionTransitionCrossDissolve //旧视图溶解过渡到下一个视图 UIViewAnimationOptionTransitionFlipFromTop //从上翻转效果 UIViewAnimationOptionTransitionFlipFromBottom //从上翻转效果

 弹簧效果:
animateWithDuration:(NSTimeInterval) delay:<#(NSTimeInterval)#> usingSpringWithDamping:<#(CGFloat)#> initialSpringVelocity:<#(CGFloat)#>
 options:<#(UIViewAnimationOptions)#> animations:<#^(void)animations#> completion:<#^(BOOL finished)completion#>

• dampingRatio：速度衰减比例。取值范围0 ~ 1，值越低震动越强
• velocity：初始化速度，值越高则物品的速度越快

　transform动画:

transform是一个很是重要的属性，它在矩阵变换的层面上改变视图的显示效果，完成旋转、形变、平移等等操做。在它被修改的同时，视图的frame也会被真实改变。有两个数据类型用来表示transform，分别是CGAffineTransform和CATransform3D。前者做用于UIView，后者为layer层次的变换类型。基于后者能够实现更增强大的功能，但咱们须要先掌握CGAffineTransform类型的使用.

在开始使用transform实现你的动画以前，先介绍几个经常使用的函数：

/// 链接两个变换效果 返回的t = t1 * t2 CGAffineTransformConcat(CGAffineTransform t1, CGAffineTransform t2) /// 矩阵初始值 [ 1 0 0 1 0 0 ] CGAffineTransformIdentity /// 自定义矩阵变换，须要掌握矩阵变换的知识才知道怎么用。参照上面推荐的原理连接 CGAffineTransformMake(CGFloat a, CGFloat b, CGFloat c, CGFloat d, CGFloat tx, CGFloat ty) /// 旋转视图。传入参数为 角度 * (M_PI / 180)。等同于 CGAffineTransformRotate(self.transform, angle) CGAffineTransformMakeRotation(CGFloat angle) 　　括号里是旋转度数 CGAffineTransformRotate(CGAffineTransform t, CGFloat angle) /// 缩放视图。等同于CGAffineTransformScale(self.transform, sx, sy) CGAffineTransformMakeScale(CGFloat sx, CGFloat sy)　　宽高缩放比例（能够为负数 当于对称过去） CGAffineTransformScale(CGAffineTransform t, CGFloat sx, CGFloat sy) /// 位移视图。等同于CGAffineTransformTranslate(self.transform, tx, ty) CGAffineTransformMakeTranslation(CGFloat tx, CGFloat ty)　　是相对于原位置右移 下移的参数 CGAffineTransformTranslate(CGAffineTransform t, CGFloat tx, CGFloat ty)