天天看点

iOS开发UI篇—核心动画(UIView封装动画)

一、uiview动画(首尾)

1.简单说明

uikit直接将动画集成到uiview类中,当内部的一些属性发生改变时,uiview将为这些改变提供动画支持

执行动画所需要的工作由uiview类自动完成,但仍要在希望执行动画时通知视图,为此需要将改变属性的代码放在[uiviewbeginanimations:nil context:nil]和[uiview commitanimations]之间

常见方法解析:

+ (void)setanimationdelegate:(id)delegate 设置动画代理对象,当动画开始或者结束时会发消息给代理对象

+ (void)setanimationwillstartselector:(sel)selector 当动画即将开始时,执行delegate对象的selector,并且把beginanimations:context:中传入的参数传进selector

+ (void)setanimationdidstopselector:(sel)selector 当动画结束时,执行delegate对象的selector,并且把beginanimations:context:中传入的参数传进selector

+ (void)setanimationduration:(nstimeinterval)duration 动画的持续时间,秒为单位

+ (void)setanimationdelay:(nstimeinterval)delay 动画延迟delay秒后再开始

+ (void)setanimationstartdate:(nsdate *)startdate 动画的开始时间,默认为now

+ (void)setanimationcurve:(uiviewanimationcurve)curve 动画的节奏控制

+ (void)setanimationrepeatcount:(float)repeatcount 动画的重复次数

+ (void)setanimationrepeatautoreverses:(bool)repeatautoreverses 如果设置为yes,代表动画每次重复执行的效果会跟上一次相反

+ (void)setanimationtransition:(uiviewanimationtransition)transition forview:(uiview *)view cache:(bool)cache 设置视图view的过渡效果, transition指定过渡类型, cache设置yes代表使用视图缓存,性能较好

2.代码示例

iOS开发UI篇—核心动画(UIView封装动画)
iOS开发UI篇—核心动画(UIView封装动画)

执行结果:

iOS开发UI篇—核心动画(UIView封装动画)
iOS开发UI篇—核心动画(UIView封装动画)

打印动画块的位置:

iOS开发UI篇—核心动画(UIView封装动画)

3.uiview封装的动画与calayer动画的对比

使用uiview和calayer都能实现动画效果,但是在真实的开发中,一般还是主要使用uiview封装的动画,而很少使用calayer的动画。

calayer核心动画与uiview动画的区别:

uiview封装的动画执行完毕之后不会反弹。即如果是通过calayer核心动画改变layer的位置状态,表面上看虽然已经改变了,但是实际上它的位置是没有改变的。

代码示例:

iOS开发UI篇—核心动画(UIView封装动画)
iOS开发UI篇—核心动画(UIView封装动画)

打印结果:

iOS开发UI篇—核心动画(UIView封装动画)

二、block动画

+ (void)animatewithduration:(nstimeinterval)duration delay:(nstimeinterval)delay options:(uiviewanimationoptions)options animations:(void (^)(void))animations completion:(void (^)(bool finished))completion

参数解析:

duration:动画的持续时间

delay:动画延迟delay秒后开始

options:动画的节奏控制

animations:将改变视图属性的代码放在这个block中

completion:动画结束后,会自动调用这个block

转场动画

+ (void)transitionwithview:(uiview *)view duration:(nstimeinterval)duration options:(uiviewanimationoptions)options animations:(void (^)(void))animations completion:(void (^)(bool finished))completion

view:需要进行转场动画的视图

options:转场动画的类型

+ (void)transitionfromview:(uiview *)fromview toview:(uiview *)toview duration:(nstimeinterval)durationoptions:(uiviewanimationoptions)options completion:(void (^)(bool finished))completion

方法调用完毕后,相当于执行了下面两句代码:

// 添加toview到父视图

[fromview.superview addsubview:toview];

// 把fromview从父视图中移除

[fromview.superview removefromsuperview];

iOS开发UI篇—核心动画(UIView封装动画)
iOS开发UI篇—核心动画(UIView封装动画)
iOS开发UI篇—核心动画(UIView封装动画)

提示:self.customview.layer.position和self.customview.center等价,因为position的默认值为(0.5,0.5)。

三、补充

1.uiimageview的帧动画

uiimageview可以让一系列的图片在特定的时间内按顺序显示

相关属性解析:

animationimages:要显示的图片(一个装着uiimage的nsarray)

animationduration:完整地显示一次animationimages中的所有图片所需的时间

animationrepeatcount:动画的执行次数(默认为0,代表无限循环)

相关方法解析:

- (void)startanimating; 开始动画

- (void)stopanimating; 停止动画

- (bool)isanimating; 是否正在运行动画

2.uiactivityindicatorview

是一个旋转进度轮,可以用来告知用户有一个操作正在进行中,一般用initwithactivityindicatorstyle初始化

方法解析:

uiactivityindicatorviewstyle有3个值可供选择:

uiactivityindicatorviewstylewhitelarge //大型白色指示器

uiactivityindicatorviewstylewhite //标准尺寸白色指示器

uiactivityindicatorviewstylegray //灰色指示器,用于白色背景