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

简介:

本文转载自 https://yq.aliyun.com/articles/39230?spm=a2c4e.11155435.0.0.5b7d5fd1zU7j4d

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


一、简介

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

二、UIView动画的几个方法

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

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

[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在瞬间变回不透明:

[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动画可以操作的视图属性

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

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

screenshot

四、动画执行选项设置

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

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,这类的动画可以进行嵌套,其中有一点需要注意,内层动画的执行时间和曲线模式会默认继承外层动的,若要强制使用新的参数,使用如下的两个参数:
UIViewAnimationOptionOverrideInheritedDuration = 1 <<  5,//强制动画使用内层动画的时间值

   UIViewAnimationOptionOverrideInheritedCurve    = 1 <<  6,//强制动画使用内层动画曲线值
相关文章
|
13天前
|
Java Android开发 Swift
安卓与iOS开发对比:平台选择对项目成功的影响
【10月更文挑战第4天】在移动应用开发的世界中,选择合适的平台是至关重要的。本文将深入探讨安卓和iOS两大主流平台的开发环境、用户基础、市场份额和开发成本等方面的差异,并分析这些差异如何影响项目的最终成果。通过比较这两个平台的优势与挑战,开发者可以更好地决定哪个平台更适合他们的项目需求。
51 1
|
20天前
|
设计模式 安全 Swift
探索iOS开发:打造你的第一个天气应用
【9月更文挑战第36天】在这篇文章中,我们将一起踏上iOS开发的旅程,从零开始构建一个简单的天气应用。文章将通过通俗易懂的语言,引导你理解iOS开发的基本概念,掌握Swift语言的核心语法,并逐步实现一个具有实际功能的天气应用。我们将遵循“学中做,做中学”的原则,让理论知识和实践操作紧密结合,确保学习过程既高效又有趣。无论你是编程新手还是希望拓展技能的开发者,这篇文章都将为你打开一扇通往iOS开发世界的大门。
|
21天前
|
搜索推荐 IDE API
打造个性化天气应用:iOS开发之旅
【9月更文挑战第35天】在这篇文章中,我们将一起踏上iOS开发的旅程,通过创建一个个性化的天气应用来探索Swift编程语言的魅力和iOS平台的强大功能。无论你是编程新手还是希望扩展你的技能集,这个项目都将为你提供实战经验,帮助你理解从构思到实现一个应用的全过程。让我们开始吧,构建你自己的天气应用,探索更多可能!
43 1
|
29天前
|
IDE Android开发 iOS开发
探索Android与iOS开发的差异:平台选择对项目成功的影响
【9月更文挑战第27天】在移动应用开发的世界中,Android和iOS是两个主要的操作系统平台。每个系统都有其独特的开发环境、工具和用户群体。本文将深入探讨这两个平台的关键差异点,并分析这些差异如何影响应用的性能、用户体验和最终的市场表现。通过对比分析,我们将揭示选择正确的开发平台对于确保项目成功的重要作用。
|
13天前
|
移动开发 前端开发 Swift
iOS 最好的应用程序开发编程语言竟然是这7种
iOS 最好的应用程序开发编程语言竟然是这7种
49 8
|
12天前
|
Android开发 Swift iOS开发
探索安卓与iOS开发的差异:从代码到用户体验
【10月更文挑战第5天】在移动应用开发的广阔天地中,安卓和iOS两大平台各占半壁江山。它们在技术架构、开发环境及用户体验上有着根本的不同。本文通过比较这两种平台的开发过程,揭示背后的设计理念和技术选择如何影响最终产品。我们将深入探讨各自平台的代码示例,理解开发者面临的挑战,以及这些差异如何塑造用户的日常体验。
|
16天前
|
安全 Swift iOS开发
探索iOS开发中的Swift语言之美
在数字时代的浪潮中,移动应用已成为日常生活的延伸。本文将深入探讨iOS平台上的Swift编程语言,揭示其背后的设计哲学、语法特性以及如何利用Swift进行高效开发。我们将通过实际代码示例,展示Swift语言的强大功能和优雅简洁的编程风格,引导读者理解并运用Swift解决实际问题。
|
26天前
|
开发框架 移动开发 Android开发
安卓与iOS开发中的跨平台解决方案:Flutter入门
【9月更文挑战第30天】在移动应用开发的广阔舞台上,安卓和iOS两大操作系统各自占据半壁江山。开发者们常常面临着选择:是专注于单一平台深耕细作,还是寻找一种能够横跨两大系统的开发方案?Flutter,作为一种新兴的跨平台UI工具包,正以其现代、响应式的特点赢得开发者的青睐。本文将带你一探究竟,从Flutter的基础概念到实战应用,深入浅出地介绍这一技术的魅力所在。
65 7
|
29天前
|
开发框架 前端开发 Android开发
安卓与iOS开发中的跨平台解决方案
【9月更文挑战第27天】在移动应用开发的广阔天地中,安卓和iOS两大操作系统如同双子星座般耀眼。开发者们在这两大平台上追逐着创新的梦想,却也面临着选择的难题。如何在保持高效的同时,实现跨平台的开发?本文将带你探索跨平台开发的魅力所在,揭示其背后的技术原理,并通过实际案例展示其应用场景。无论你是安卓的忠实拥趸,还是iOS的狂热粉丝,这篇文章都将为你打开一扇通往跨平台开发新世界的大门。
|
1月前
|
iOS开发 Python
6-8|如何使用Python语言开发IOS混淆工具
6-8|如何使用Python语言开发IOS混淆工具