您的位置:首页 > 产品设计 > UI/UE

IOS开发UIView之动画效果的实现方法(合集)

2015-06-19 14:11 661 查看
前言:在开发APP中,我们会经常使用到动画效果。使用动画可以让我们的APP更酷更炫,最重要的是优化用户体验,但取决于动画的质量。像QQ、微信、新浪微博等APP,动画效果就很好了,至少我很喜欢它们的动画,让我使用起来感觉很顺畅,心情很开朗。本文会介绍UIView效果的实现方法,非核心动画。

一、使用UIView类实现动画

基本写法,代码必须放在Begin和Commit之间:

简单例子:

同时运行多个动画效果:

以上代码实现的动画效果为(同时执行):

1、图像向下平移150像像

2、设置图像透明度为0。

指定上下文:

UIGraphicsGetCurrentContext():获取当前视图的上下文

其它方法及属性:

以下方法及属性不为全部,只例举部分(其它没提及到的方法及属性请自行尝试,谢谢):

二、使用UIView的动画块代码:

方法一:

方法二:

方法三:

方法四,Spring Animationring Animation):

在IOS7开始,系统动画效果广泛应用Spring Animation:

usingSpringWithDamping:它的范围为 0.0f 到 1.0f ,数值越小「弹簧」的振动效果越明显。

initialSpringVelocity:初始的速度,数值越大一开始移动越快。值得注意的是,初始速度取值较高而时间较短时,也会出现反弹情况。

方法五,关键帧动画:

创建关键帧方法:

添加关键帧方法:

以上说的相对时间,也就是说:“它们自身会根据动画总持续时长自动匹配其运行时长”。

下面用一个简单的示例作解答,彩虹变化视图:

动画过渡效果(Options),新增了以下几个:

下面我们看一张图,让我们更容易理解:



小结:

UIView实现动画的方法有很多种。简单的动画效果你可以随意丢,比较复杂的动画效果你可以选用关键帧KeyFrame方法。

至于选用哪种,就需要根据产品需求去进行判断。

博文作者:GarveyCalvin

博文出处:http://www.cnblogs.com/GarveyCalvin/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: