博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iOS动画开发之一——UIViewAnimation动画的使用
阅读量:6815 次
发布时间:2019-06-26

本文共 3469 字,大约阅读时间需要 11 分钟。

iOS动画开发之一——UIViewAnimation动画的使用

一、简介

      一款APP的成功与否,除了完善的功能外,用户体验也占有极大的比重,动画的合理运用,可以很好的增强用户体验。iOS开发中,常用的动画处理有UIView动画编程和核心动画编程,其中UIView动画使用简便,开发中应用十分广泛。这篇博客,主要讨论UIView的动画使用。

二、UIView动画的几个方法

+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations;

       这个是参数最少的一个方法,我们可以通过设置一个时间和block块来完成动画,时间参数是动画执行的时长,block块中为要执行的动画动作,具体可以执行那些动作,我们会在后面说。例如在1S内将view渐变透明:

1
2
3
[UIView animateWithDuration:1 animations:^{
        
_myView.alpha=0;
    
}];

+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion;

       这个函数会带两个block块,用法和第一个函数相似,设置一个执行时间和一个执行动作,第二个block块中可以添加一个动画执行结束后的动作,作为补充,例如下面代码的效果,在1S内将view渐变为透明,动画结束后,view在瞬间变回不透明:

1
2
3
4
5
6
7
[UIView animateWithDuration:1 animations:^{
        
_myView.alpha=0;
    
} completion:^(
BOOL 
finished) {
        
if 
(finished) {
            
_myView.alpha=1;
        
}
    
}];

+ (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion;

       这个函数除了上面的属性外,可以设置延时执行,同时可以设置一个动画效果参数,这个参数是个枚举,它可以影响动画的执行效果,后面会再总结。

+ (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay usingSpringWithDamping:(CGFloat)dampingRatio initialSpringVelocity:(CGFloat)velocity options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion;

     这个函数是iOS7之后的一个新函数,通过这个函数,我们可以方便的制作出效果炫酷的动画,这个函数的核心是两个阻尼参数,参数dampingRatio可以理解为弹簧效果的强弱,设置1则没有回弹效果,设置0则会剧烈的阻尼回弹。velocity参数用于设置弹簧的初始速度。

三、UIView动画可以操作的视图属性

       通过上面的介绍,我们了解了几个使用动画的函数,那么那些属性可以产生动画效果呢?

官方文档告诉我们这些属性是可以通过上述方法进行动画的:

四、动画执行选项设置

   在UIView执行动画的相关函数中,有UIViewAnimationOptions这个参数可以对动画的执行效果进行设置,这个枚举非常多,可分为三部分,如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
enum 
{
   
//这部分是基础属性的设置
   
UIViewAnimationOptionLayoutSubviews            = 1 <<  0,
//设置子视图随父视图展示动画
   
UIViewAnimationOptionAllowUserInteraction      = 1 <<  1,
//允许在动画执行时用户与其进行交互
   
UIViewAnimationOptionBeginFromCurrentState     = 1 <<  2,
//允许在动画执行时执行新的动画
   
UIViewAnimationOptionRepeat                    = 1 <<  3,
//设置动画循环执行
   
UIViewAnimationOptionAutoreverse               = 1 <<  4,
//设置动画反向执行,必须和重复执行一起使用
   
UIViewAnimationOptionOverrideInheritedDuration = 1 <<  5,
//强制动画使用内层动画的时间值
   
UIViewAnimationOptionOverrideInheritedCurve    = 1 <<  6,
//强制动画使用内层动画曲线值
   
UIViewAnimationOptionAllowAnimatedContent      = 1 <<  7,
//设置动画视图实时刷新
   
UIViewAnimationOptionShowHideTransitionViews   = 1 <<  8,
//设置视图切换时隐藏,而不是移除
   
UIViewAnimationOptionOverrideInheritedOptions  = 1 <<  9,
//
   
//这部分属性设置动画播放的线性效果
   
UIViewAnimationOptionCurveEaseInOut            = 0 << 16,
//淡入淡出 首末减速
   
UIViewAnimationOptionCurveEaseIn               = 1 << 16,
//淡入 初始减速
   
UIViewAnimationOptionCurveEaseOut              = 2 << 16,
//淡出 末尾减速
   
UIViewAnimationOptionCurveLinear               = 3 << 16,
//线性 匀速执行   
   
//这部分设置UIView切换效果
   
UIViewAnimationOptionTransitionNone            = 0 << 20,
   
UIViewAnimationOptionTransitionFlipFromLeft    = 1 << 20,
//从左边切入
   
UIViewAnimationOptionTransitionFlipFromRight   = 2 << 20,
//从右边切入
   
UIViewAnimationOptionTransitionCurlUp          = 3 << 20,
//从上面立体进入
   
UIViewAnimationOptionTransitionCurlDown        = 4 << 20,
//从下面立体进入
   
UIViewAnimationOptionTransitionCrossDissolve   = 5 << 20,
//溶解效果
   
UIViewAnimationOptionTransitionFlipFromTop     = 6 << 20,
//从上面切入
   
UIViewAnimationOptionTransitionFlipFromBottom  = 7 << 20,
//从下面切入
};

提示:1,属性可以使用|进行多项合并。

          2,这类的动画可以进行嵌套,其中有一点需要注意,内层动画的执行时间和曲线模式会默认继承外层动的,若要强制使用新的参数,使用如下的两个参数:

1
2
UIViewAnimationOptionOverrideInheritedDuration = 1 <<  5,
//强制动画使用内层动画的时间值
   
UIViewAnimationOptionOverrideInheritedCurve    = 1 <<  6,
//强制动画使用内层动画曲线值

       

转载地址:http://vxkzl.baihongyu.com/

你可能感兴趣的文章
Linux修改时区的正确方法【修改时间,需要修改软连接,靠谱】
查看>>
文件下载功能的实现【本文是excel下载】
查看>>
ffmpeg mp4 to hls
查看>>
XML 文件解析--标签内容长度限制问题
查看>>
maven 与多模块构建
查看>>
ubuntu14.04 配置tomcat8
查看>>
VirtualBox体验及介绍
查看>>
Ubuntu 12.04 下安装 JDK 7
查看>>
1&gt;s.cpp(465) : error C2448: “main”: 函数样式初始值设定项类似函数定义 问题的解决方法...
查看>>
Error in Javac compilation for JSP
查看>>
XWifiMouse早期写的一个Android鼠标App
查看>>
Android AIDL 客户端和服务端配置
查看>>
制作自己的镜像(二)
查看>>
運維之下標題
查看>>
OFBiz + Opentaps 目录管理 十二. 配置
查看>>
JAVA中RSA签名算法实现
查看>>
在etherscan上传合约源码
查看>>
postgres预写式日志的内核实现详解-wal记录写入
查看>>
用面向接口编程思想看找对象
查看>>
OC文件操作习题
查看>>