iOS动画相关(持续更新)

2024-09-05 13:38
文章标签 更新 相关 ios 动画 持续

本文主要是介绍iOS动画相关(持续更新),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1.When my application is entering background, because the user push the home button, the animations correctly set in pause, but when i re-open my app, the animations have disappeard.How could i fix it please ?

当我的应用进入了后台,因为用户按了home键,动画被设置成了暂停,但当我重新打开应用时,动画都消失了,我如何修复它?

This is correct and built-in behavior. When you leave the app, all animations are removed from their layers: the system calls removeAllAnimations on every layer.

你的情况是系统默认的行为.当你离开了应用后(比如进入了后台),所有的动画都从他们的layer上移除了:因为系统调用了removeAllAnimations,针对所有的layer.

附录:

UIViewController中的view显示步骤

--------------------------------------------------------------------------------------------------------

进入UIViewController时的情况:

viewDidLoad
viewWillLayoutSubviews
viewDidLayoutSubviews
viewWillAppear
viewWillLayoutSubviews
viewDidLayoutSubviews
viewDidAppear

切换了Controller后的情况(比如你在TabbarController中切换了):

viewWillDisappear
viewDidDisappear

再次切换回来后的情况:
viewWillLayoutSubviews
viewDidLayoutSubviews
viewWillAppear
viewWillLayoutSubviews
viewDidLayoutSubviews
viewDidAppear

退入到后台后的情况:

从后台进入程序时的情况:

viewWillLayoutSubviews
viewDidLayoutSubviews

--------------------------------------------------------------------------------------------------------

为了解决从后台切换回来或者从TabbarController切换回来动画还能继续动画效果,需要如下的解决方案:

复制代码
- (void)viewWillAppear:(BOOL)animated
{[super viewWillAppear:animated];// 添加通知(处理从后台进来后的情况)
    [[NSNotificationCenter defaultCenter] addObserver:selfselector:@selector(addAnimation:)name:UIApplicationWillEnterForegroundNotificationobject:nil];// 添加动画的代码
}
复制代码
- (void)addAnimation:(NSNotification *)notificaiton
{// 添加动画的代码
}

 

2.基本动画类型

旋转动画

复制代码
    /* 旋转 */CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];// 一次完整的动画所持续的时间animation.duration = 1.f;// 重复次数animation.repeatCount = HUGE_VALF;// 起始角度animation.fromValue = [NSNumber numberWithFloat:0.0];// 终止角度animation.toValue   = [NSNumber numberWithFloat:- 2 * M_PI];// 添加动画
    [_showView.layer addAnimation:animationforKey:@"rotate-layer"];
复制代码

透明度

复制代码
    // 透明度动画CABasicAnimation* fadeAnim = [CABasicAnimation animationWithKeyPath:@"opacity"];// 初始值fadeAnim.fromValue = [NSNumber numberWithFloat:1.0];// 结束值fadeAnim.toValue   = [NSNumber numberWithFloat:0.0];// 动画持续一次的时间fadeAnim.duration = 1.0;// 开始动画[_showView.layer addAnimation:fadeAnim forKey:@"opacity"];// 无论动画是否被中断,其最终的值还是被设置过了_showView.layer.opacity = 0.0;
复制代码

borderWidth动画

复制代码
    // borderWidth动画CABasicAnimation *borderWidthAnimation = \[CABasicAnimation animationWithKeyPath:@"borderWidth"];// 初始值borderWidthAnimation.fromValue = [NSNumber numberWithFloat:0.0];// 结束值borderWidthAnimation.toValue   = [NSNumber numberWithFloat:3.0];// 动画持续一次的时间borderWidthAnimation.duration    = 1.f;// 开始动画[_showView.layer addAnimation:borderWidthAnimation forKey:@"borderWidth"];// 无论动画是否被中断,其最终的值还是被设置过了_showView.layer.borderWidth = 3.0f;
复制代码

backgroundColor动画

复制代码
    // backgroundColor动画CABasicAnimation *borderWidthAnimation = \[CABasicAnimation animationWithKeyPath:@"backgroundColor"];// 初始值borderWidthAnimation.fromValue = (id)[[UIColor redColor] CGColor];// 结束值borderWidthAnimation.toValue   = (id)[[UIColor greenColor] CGColor];// 动画持续一次的时间borderWidthAnimation.duration    = 1.f;// 开始动画[_showView.layer addAnimation:borderWidthAnimation forKey:@"borderWidth"];// 无论动画是否被中断,其最终的值还是被设置过了_showView.layer.backgroundColor = [[UIColor greenColor] CGColor];
复制代码

borderColor动画

复制代码
    // borderColor动画CABasicAnimation *borderWidthAnimation = \[CABasicAnimation animationWithKeyPath:@"borderColor"];// 初始值borderWidthAnimation.fromValue = (id)[[UIColor redColor] CGColor];// 结束值borderWidthAnimation.toValue   = (id)[[UIColor greenColor] CGColor];// 动画持续一次的时间borderWidthAnimation.duration    = 1.f;// 开始动画[_showView.layer addAnimation:borderWidthAnimation forKey:@"borderWidth"];// 无论动画是否被中断,其最终的值还是被设置过了_showView.layer.backgroundColor = [[UIColor greenColor] CGColor];
复制代码

 bounds.size.height动画

复制代码
    // bounds.size.height动画CABasicAnimation *borderWidthAnimation = \[CABasicAnimation animationWithKeyPath:@"bounds.size.height"];// 初始值borderWidthAnimation.fromValue = [NSNumber numberWithFloat:100.0f];// 结束值borderWidthAnimation.toValue   = [NSNumber numberWithFloat:300.f];// 动画持续一次的时间borderWidthAnimation.duration    = 0.5f;// 选择一种动画的时间轴方式borderWidthAnimation.timingFunction = \[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];// ??borderWidthAnimation.fillMode = kCAFillModeForwards;// 开始动画[_showView.layer addAnimation:borderWidthAnimation forKey:@"bounds.size.height"];// 无论动画是否被中断,其最终的值还是被设置过了_showView.layer.bounds = CGRectMake(self.view.center.x, self.view.center.y, 20, 300.f);
复制代码

contents动画

复制代码
    // 初始化一张图片UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];imageView.image = [UIImage imageNamed:@"1"];// 添加进view中
    [self.view addSubview:imageView];// contents动画CABasicAnimation *crossFade = [CABasicAnimation animationWithKeyPath:@"contents"];crossFade.duration = 2.0;crossFade.fromValue  = (id)([UIImage imageNamed:@"1"].CGImage);crossFade.toValue    = (id)([UIImage imageNamed:@"2"].CGImage);[imageView.layer addAnimation:crossFade forKey:@"animateContents"];// 进行最后的设置imageView.image = [UIImage imageNamed:@"2"];
复制代码

圆角动画

复制代码
    // 初始化一张图片UIView *showView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];showView.backgroundColor = [UIColor redColor];[self.view addSubview:showView];// 圆角动画CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"cornerRadius"];animation.fromValue = [NSNumber numberWithFloat:0.f];animation.toValue   = [NSNumber numberWithFloat:30.f];animation.duration  = 1.0;[showView.layer setCornerRadius:30.f];// 最后设置[showView.layer addAnimation:animation forKey:@"cornerRadius"];
复制代码

支持的动画太多了,以下是苹果的官方文档中提出的支持的动画:

Property

Default animation

anchorPoint

Uses the default implied CABasicAnimation object, described in Table B-2.

backgroundColor

Uses the default implied CABasicAnimation object, described in Table B-2.

backgroundFilters

Uses the default implied CATransition object, described in Table B-3. Sub-properties of the filters are animated using the default impliedCABasicAnimation object, described in Table B-2.

borderColor

Uses the default implied CABasicAnimation object, described in Table B-2.

borderWidth

Uses the default implied CABasicAnimation object, described in Table B-2.

bounds

Uses the default implied CABasicAnimation object, described in Table B-2.

compositingFilter

Uses the default implied CATransition object, described in Table B-3. Sub-properties of the filters are animated using the default impliedCABasicAnimation object, described in Table B-2.

contents

Uses the default implied CABasicAnimation object, described in Table B-2.

contentsRect

Uses the default implied CABasicAnimation object, described in Table B-2.

cornerRadius

Uses the default implied CABasicAnimation object, described in Table B-2.

doubleSided

There is no default implied animation.

filters

Uses the default implied CABasicAnimation object, described in Table B-2. Sub-properties of the filters are animated using the default impliedCABasicAnimation object, described in Table B-2.

frame

This property is not animatable. You can achieve the same results by animating thebounds andposition properties.

hidden

Uses the default implied CABasicAnimation object, described in Table B-2.

mask

Uses the default implied CABasicAnimation object, described in Table B-2.

masksToBounds

Uses the default implied CABasicAnimation object, described in Table B-2.

opacity

Uses the default implied CABasicAnimation object, described in Table B-2.

position

Uses the default implied CABasicAnimation object, described in Table B-2.

shadowColor

Uses the default implied CABasicAnimation object, described in Table B-2.

shadowOffset

Uses the default implied CABasicAnimation object, described in Table B-2.

shadowOpacity

Uses the default implied CABasicAnimation object, described in Table B-2.

shadowPath

Uses the default implied CABasicAnimation object, described in Table B-2.

shadowRadius

Uses the default implied CABasicAnimation object, described in Table B-2.

sublayers

Uses the default implied CABasicAnimation object, described in Table B-2.

sublayerTransform

Uses the default implied CABasicAnimation object, described in Table B-2.

transform

Uses the default implied CABasicAnimation object, described in Table B-2.

zPosition

Uses the default implied CABasicAnimation object, described in Table B-2.

http://www.cnblogs.com/pengyingh/articles/2379631.html

这篇关于iOS动画相关(持续更新)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1139118

相关文章

Redis的Zset类型及相关命令详细讲解

《Redis的Zset类型及相关命令详细讲解》:本文主要介绍Redis的Zset类型及相关命令的相关资料,有序集合Zset是一种Redis数据结构,它类似于集合Set,但每个元素都有一个关联的分数... 目录Zset简介ZADDZCARDZCOUNTZRANGEZREVRANGEZRANGEBYSCOREZ

Linux使用fdisk进行磁盘的相关操作

《Linux使用fdisk进行磁盘的相关操作》fdisk命令是Linux中用于管理磁盘分区的强大文本实用程序,这篇文章主要为大家详细介绍了如何使用fdisk进行磁盘的相关操作,需要的可以了解下... 目录简介基本语法示例用法列出所有分区查看指定磁盘的区分管理指定的磁盘进入交互式模式创建一个新的分区删除一个存

关于Maven生命周期相关命令演示

《关于Maven生命周期相关命令演示》Maven的生命周期分为Clean、Default和Site三个主要阶段,每个阶段包含多个关键步骤,如清理、编译、测试、打包等,通过执行相应的Maven命令,可以... 目录1. Maven 生命周期概述1.1 Clean Lifecycle1.2 Default Li

numpy求解线性代数相关问题

《numpy求解线性代数相关问题》本文主要介绍了numpy求解线性代数相关问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 在numpy中有numpy.array类型和numpy.mat类型,前者是数组类型,后者是矩阵类型。数组

Redis缓存问题与缓存更新机制详解

《Redis缓存问题与缓存更新机制详解》本文主要介绍了缓存问题及其解决方案,包括缓存穿透、缓存击穿、缓存雪崩等问题的成因以及相应的预防和解决方法,同时,还详细探讨了缓存更新机制,包括不同情况下的缓存更... 目录一、缓存问题1.1 缓存穿透1.1.1 问题来源1.1.2 解决方案1.2 缓存击穿1.2.1

Linux Mint Xia 22.1重磅发布: 重要更新一览

《LinuxMintXia22.1重磅发布:重要更新一览》Beta版LinuxMint“Xia”22.1发布,新版本基于Ubuntu24.04,内核版本为Linux6.8,这... linux Mint 22.1「Xia」正式发布啦!这次更新带来了诸多优化和改进,进一步巩固了 Mint 在 Linux 桌面

SpringCloud配置动态更新原理解析

《SpringCloud配置动态更新原理解析》在微服务架构的浩瀚星海中,服务配置的动态更新如同魔法一般,能够让应用在不重启的情况下,实时响应配置的变更,SpringCloud作为微服务架构中的佼佼者,... 目录一、SpringBoot、Cloud配置的读取二、SpringCloud配置动态刷新三、更新@R

最好用的WPF加载动画功能

《最好用的WPF加载动画功能》当开发应用程序时,提供良好的用户体验(UX)是至关重要的,加载动画作为一种有效的沟通工具,它不仅能告知用户系统正在工作,还能够通过视觉上的吸引力来增强整体用户体验,本文给... 目录前言需求分析高级用法综合案例总结最后前言当开发应用程序时,提供良好的用户体验(UX)是至关重要

基于Python实现PDF动画翻页效果的阅读器

《基于Python实现PDF动画翻页效果的阅读器》在这篇博客中,我们将深入分析一个基于wxPython实现的PDF阅读器程序,该程序支持加载PDF文件并显示页面内容,同时支持页面切换动画效果,文中有详... 目录全部代码代码结构初始化 UI 界面加载 PDF 文件显示 PDF 页面页面切换动画运行效果总结主

Redis的Hash类型及相关命令小结

《Redis的Hash类型及相关命令小结》edisHash是一种数据结构,用于存储字段和值的映射关系,本文就来介绍一下Redis的Hash类型及相关命令小结,具有一定的参考价值,感兴趣的可以了解一下... 目录HSETHGETHEXISTSHDELHKEYSHVALSHGETALLHMGETHLENHSET