CALayer 花瓣飘落 转场动画－CATransation 动画组 UIView动画封装

最新推荐文章于 2024-09-05 11:10:46 发布
最新推荐文章于 2024-09-05 11:10:46 发布
阅读量124 收藏
点赞数
文章标签： python
原文链接：https://my.oschina.net/u/2501648/blog/549079
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

#import "ViewController.h"
#define WIDTH [UIScreen mainScreen].bounds.size.width
#define HEIGHT [UIScreen mainScreen].bounds.size.height
#define LayerWidth 50
@interface ViewController (){
    CALayer *layer;
}

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    layer = [[CALayer alloc]init];
    //设置宽高
    layer.bounds = CGRectMake(0,0, LayerWidth, LayerWidth);
    //设置中心点位置
    layer.position = CGPointMake(WIDTH/2.0, HEIGHT/2.0);
    layer.backgroundColor = [UIColor colorWithRed:0 green:146/255.0 blue:1.0 alpha:1].CGColor;
    [self.view.layer addSublayer:layer];
    //设置圆角
    layer.cornerRadius = LayerWidth/2;
    //设置阴影
    layer.shadowColor = [UIColor grayColor].CGColor;
    layer.shadowOffset = CGSizeMake(2, 2);
    layer.shadowOpacity = 0.9;//透明度(0-1)
    //锚点(x,y 范围都是0-1)
    layer.anchorPoint = CGPointMake(1, 1);
    NSLog(@"%@",layer);
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
-(void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event{
    //获取点击位置
    UITouch *touch = [touches anyObject];
    NSLog(@"点击的位置是：%@",NSStringFromCGPoint([touch locationInView:self.view]));
    //获取Layer
    NSLog(@"%@",self.view.layer.sublayers);
    layer.position =[touch locationInView:self.view];
    //放大
    CGFloat width = layer.bounds.size.width;
    if(width == LayerWidth){
        width = LayerWidth *4;
    }
    else{
        width = LayerWidth;
        
    }
    layer.bounds = CGRectMake(0, 0, width, width);
    layer.cornerRadius =width/2;//圆角是更具当前圆形宽度来设置
}
@end



//花瓣飘落

//
//  ViewController.m
//  花瓣飘落
//
//  Created by DC020 on 15/12/22.
//  Copyright (c) 2015年 Bill. All rights reserved.
//

#import "ViewController.h"

@interface ViewController (){
    CALayer *_layer;//创建一个图层
}

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    //设置背景
    UIImage *backgroundImage = [UIImage imageNamed:@"background"];
    self.view.backgroundColor = [UIColor colorWithPatternImage:backgroundImage];
    //自定义一个图层（花瓣）
    _layer = [[CALayer alloc]init];
    _layer.bounds = CGRectMake(0, 0, 16, 30);
    _layer.position = CGPointMake(50, 200);
    _layer.contents = (id)[UIImage imageNamed:@"petal"].CGImage;
    [self.view.layer addSublayer:_layer];
    //执行动画
    [self keyFrameAnimation];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
#pragma mark 关键帧动画
-(void)keyFrameAnimation{
    //1.创建关键帧动画
    CAKeyframeAnimation *keyframeAni = [CAKeyframeAnimation animationWithKeyPath:@"position"];
    //2.设置关键帧
    CGMutablePathRef path = CGPathCreateMutable();
    CGPathMoveToPoint(path, NULL, _layer.position.x, _layer.position.y);//路径移动到起点
    CGPathAddCurveToPoint(path, NULL, 160, 280, -30, 300, 50, 400);//绘制两次贝塞尔曲线
    
    keyframeAni.path = path;//设置动画沿着路径进行
    
    
    
    
    
//    NSValue *key1 = [NSValue valueWithCGPoint:_layer.position];
//    //对于关键帧动画，初始值不能省略
//    NSValue *key2 = [NSValue valueWithCGPoint:CGPointMake(80, 250)];
//    NSValue *key3 = [NSValue valueWithCGPoint:CGPointMake(20, 320)];
//    NSValue *key4 = [NSValue valueWithCGPoint:CGPointMake(100, 410)];
//    keyframeAni.values = @[key1,key2,key3,key4];
    //设置一些其他的属性
    keyframeAni.duration = 3.0;
    keyframeAni.beginTime = CACurrentMediaTime() + 2;//设置延迟两秒钟执行
    keyframeAni.autoreverses = YES;//从终点返回起点
    keyframeAni.repeatCount = HUGE_VALF;
    //添加到动画图层
    [_layer addAnimation:keyframeAni forKey:@"keyFrameAnimation"];
}




//-(void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event{
//    UITouch *touch = [touches anyObject];
//    CGPoint location = [touch locationInView:self.view];
//    //1.创建动画并制定动画属性
//    CABasicAnimation *basicAnimation = [CABasicAnimation animationWithKeyPath:@"position"];
//    //2.设置动画属性初始值和结束值
//    //初始值可以不设置,默认图层初始位置
//    basicAnimation.toValue = [NSValue valueWithCGPoint:location];
//    
//    //3.设置其他动画属性
//    basicAnimation.duration = 1.0;//动画时间
//    basicAnimation.repeatCount = 1;//循环次数
//    basicAnimation.delegate = self;
//    //记录鼠标点击位置,在动画结束后使用
//    [basicAnimation setValue:[NSValue valueWithCGPoint:location] forKey:@"animationLocation"];
//    
//    
//    //4.添加动画.注意key相当于给动画命名，以后可以使用此名称获取该动画
//    [_layer addAnimation:basicAnimation forKey:@"basicAnimation"];
//}
//#pragma mark 动画代理方法
//#pragma mark 动画结束的时候会触发
//-(void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag{
//    //开启动画事务
//    [CATransaction begin];
//    //禁用隐式动画
//    [CATransaction setDisableActions:YES];
//    _layer.position = [[anim valueForKey:@"animationLocation"] CGPointValue];
//    //递交动画事务
//    [CATransaction commit];
//}
@end



／／转场动画－CATransation

//
//  ViewController.m
//  转场动画-CATransation
//
//  Created by DC020 on 15/12/22.
//  Copyright (c) 2015年 Bill. All rights reserved.
//

#import "ViewController.h"
#define IMAGE_COUNT 9//图片数量

@interface ViewController (){
    UIImageView *_imageView;
    int _current;
}

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    _current = 0;
    //定义一个图片控件
    _imageView = [[UIImageView alloc]initWithFrame:[[UIScreen mainScreen]bounds]];
    _imageView.contentMode = UIViewContentModeScaleAspectFill;
    _imageView.image = [UIImage imageNamed:[NSString stringWithFormat:@"%d.jpg",_current]];
    [self.view addSubview:_imageView];
    //添加手势
    UISwipeGestureRecognizer *leftSwipeGesture = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(leftSwipe:)];
    leftSwipeGesture.direction = UISwipeGestureRecognizerDirectionLeft;//设置手势方向
    [self.view addGestureRecognizer:leftSwipeGesture];
    
    UISwipeGestureRecognizer *rightSwipeGesture = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(rightSwipe:)];
    rightSwipeGesture.direction = UISwipeGestureRecognizerDirectionRight;
    [self.view addGestureRecognizer:rightSwipeGesture];
    
}
-(void)leftSwipe:(UISwipeGestureRecognizer *)gesture{
    [self transitionAnimation:YES];//YES表示下一张图片
}
-(void)rightSwipe:(UISwipeGestureRecognizer *)gesture{
    [self transitionAnimation:NO];//NO表示上一张图片
}
#pragma mark 转场动画
-(void)transitionAnimation:(BOOL)isNext{
    //1.创建动画对象
    CATransition *transition = [[CATransition alloc]init];
    //2.设置对话类型,对于苹果官方没有公开的动画类型只能使用字符串
    //cube   立方体翻转效果
    //oglFlip  翻转效果
    //suckEffect  收缩效果
    //rippleEffect  水滴波纹效果
    //pageCurl  向上翻页效果
    //pageUnCurl  向下翻页效果
    //cameraIrisHollowOpen  摄像头打开效果
    //cameraIrisHollowClose  摄像头关闭效果
    transition.type = @"cameraIrisHollowOpen";
    //设置子类型
    if (isNext) {
        transition.subtype = kCATransitionFromRight;
    }
    else{
        transition.subtype = kCATransitionFromLeft;
    }
    //设置动画时间
    transition.duration = 1.0;
    //设置转场后的新视图
    if(isNext){
        _current = (_current + 1) %IMAGE_COUNT;
    }
    else{
        _current = (_current - 1 + IMAGE_COUNT) %IMAGE_COUNT;
    }
    _imageView.image = [UIImage imageNamed:[NSString stringWithFormat:@"%d.jpg",_current]];
    //添加动画
    [_imageView.layer addAnimation:transition forKey:@"TC"];
}
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end


//动画组

//
//  ViewController.m
//  动画组
//
//  Created by DC020 on 15/12/22.
//  Copyright (c) 2015年 Bill. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    //初始化一个图层
    CALayer *_layer = [[CALayer alloc]init];
    _layer.frame = CGRectMake(20, 20, 40, 40);
    _layer.backgroundColor = [UIColor greenColor].CGColor;
    [self.view.layer addSublayer:_layer];
    //移动位置的动画:keyPath ==> position;
    CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"position"];
    animation.toValue = [NSValue valueWithCGPoint:CGPointMake(315, 607)];
    //对layer放大
    CABasicAnimation *scaleAnimation = [CABasicAnimation animationWithKeyPath:@"transform.scale"];
    scaleAnimation.fromValue = [NSNumber numberWithFloat:1.0];
    scaleAnimation.toValue = [NSNumber numberWithFloat:3.0];
    
    //以z轴进行旋转
    CABasicAnimation *rotateAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];
    rotateAnimation.fromValue = [NSNumber numberWithFloat:0];
    rotateAnimation.toValue = [NSNumber numberWithFloat:6*M_PI];//旋转3周
    //把上面的动画组合起来
    CAAnimationGroup *groupAnimation = [CAAnimationGroup animation];//动画组初始化
    groupAnimation.autoreverses = YES;
    groupAnimation.duration = 3.0;
    groupAnimation.repeatCount = HUGE_VALF;
    groupAnimation.animations = @[animation,scaleAnimation,rotateAnimation];
    [_layer addAnimation:groupAnimation forKey:@"layerMove"];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end


／／逐帧动画

//
//  ViewController.m
//  逐帧动画
//
//  Created by DC020 on 15/12/22.
//  Copyright (c) 2015年 Bill. All rights reserved.
//

#import "ViewController.h"

@interface ViewController (){
    NSMutableArray *_muArray;//存放动画的所有
    UIImageView *_imageView;
    UIImage *_image;
    
    
    CALayer *_layer;
    int current;
}

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    current = 0;
    _muArray = [NSMutableArray array];
//    _imageView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 375, 375)];
//    [self.view addSubview:_imageView];
    //创建图层
    _layer = [[CALayer alloc]init];
    _layer.frame = CGRectMake(0, 20, 298, 275);
    [self.view.layer addSublayer:_layer];
    
    
    
    //加载所有图片
    for(int i = 1;i <= 87;i++){
        _image = [UIImage imageNamed:[NSString stringWithFormat:@"dazhao_%d",i]];
        [_muArray addObject:_image];
    }
    
    
    
    
    //定义时钟对象
    CADisplayLink *displayLink =[CADisplayLink displayLinkWithTarget:self selector:@selector(step)];
    //添加时钟对象到主运行循环
    [displayLink addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];
    
    
//    //设置动画
//    _imageView.animationImages = _muArray;//动画数组(包括所有动画图片)
//    _imageView.animationDuration = 0.01*[_muArray count];//1秒显示10张
//    _imageView.animationRepeatCount = HUGE_VALF;//重复无限次
//    [_imageView startAnimating];//开始动画
}
static int s = 0;
-(void)step{
    s++;
    if (s %1 == 0) {
        UIImage *image = _muArray[current];
        _layer.contents = (id)image.CGImage;//更新图片
        current = (current +1)%87;
    }
}
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end



／／//
//  ViewController.m
//  UIView动画封装－弹簧
//
//  Created by DC020 on 15/12/22.
//  Copyright (c) 2015年 Bill. All rights reserved.
//

#import "ViewController.h"

@interface ViewController (){
    UIImageView *_imageView;
}

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    //创建图像
    _imageView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"ball"]];
    _imageView.center = CGPointMake(375/2.0, 667/2.0);
    [self.view addSubview:_imageView];
}
-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{
    UITouch *touch = [touches anyObject];
    CGPoint location = [touch locationInView:self.view];
    //创建弹性动画
    //阻尼：范围0-1，越接近0，弹性效果越明显
    //velocity:弹性复原速度
    [UIView animateWithDuration:5.0 delay:0 usingSpringWithDamping:0.1 initialSpringVelocity:100 options:UIViewAnimationOptionCurveLinear animations:^{
        _imageView.center = location;//最终小球位置
    } completion:nil];
}
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end


转载于:https://my.oschina.net/u/2501648/blog/549079

weixin_34375233
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iOS 基于CALayer的系统转场动画（CATransition）
郭永明的技术专栏
01-30 2899
通俗点说就是有这么一个动画对象，他们够让图层在变化或者转换的时候提供一个过渡的动画。我们可以通过创建和添加一个CATransition对象来转换层的状态，默认的转换是交叉渐变，但是我们可以从一组预定义的转换中指定不同的效果。
iOS核心动画－UIView封装动画
iCodeWoods
07-20 534
一、UIView动画（首尾） 1.简单说明 UIKit直接将动画集成到UIView类中，当内部的一些属性发生改变时，UIView将为这些改变提供动画支持 执行动画所需要的工作由UIView类自动完成，但仍要在希望执行动画时通知视图，为此需要将改变属性的代码放在[UIViewbeginAnimations:nil context:nil]和[UIView commitAnimati
iOS UIViewController自定义转场动画
郭永明的技术专栏
02-02 2612
本篇文章主要探究一下基于UINavigationControllerDelegate协议的push和pop动画，以及基于UIViewControllerTransitioningDelegate协议的present和dismiss动画，另外还要说明一点文中的涉及到的和demo中的代码都是点击交互动画，不包括滑动交互动画。
iOS UIView Block 动画- (基础动画, 关键帧动画, 动画组)
努力，可能成功！放弃，注定失败！
06-14 1507
UIView本身对于基本动画和关键帧动画、转场动画都有相应的封装，在对动画细节没有特殊要求的情况下使用起来也要简单的多1、UIView Block 基础动画 ,转场动画+ 缩放// UIView Block连续多个单动画 ,转场动画+ 缩放 - (void)blockBasicAnimation:(UIButton *)tap { [UIView transitionWithVi...
CALayer的隐式动画
weixin_46926959的博客
12-12 516
CALayer隐式动画
自定义转场动画 - 手势动画效果
05-18
在iOS开发中，自定义转场动画是一种提升用户体验的有效手段，它可以让你的应用界面更加生动、有趣。本教程将深入探讨如何实现手势驱动的转场动画，以实现类似于手机酷狗音乐播放器的效果。这种效果通常涉及到视图...
swift-WBLoadingIndicatorView-基于CALayer封装加载等待动画
08-15
Swift-WBLoadingIndicatorView 是一个专门用于iOS应用中的加载等待动画的开源项目，它由Swift语言编写，并且基于Core Animation的CALayer进行封装。在iOS应用中，加载等待动画经常被用于表示数据加载过程，提升用户...
swift-常用阅读软件打开书籍转场动画已封装支持项目使用
08-15
Swift开发中的动画库通常包含一系列自定义的UIView动画、CAAnimation或者UIViewControllerAnimatedTransitioning协议的实现。在这个特定的案例中，DZMAnimatedTransitioning库可能已经封装了以下关键知识点： 1. **...
swift-iOS11AppStore转场动画
08-15
在iOS 11中，苹果引入了一系列新的设计元素和交互方式，其中App Store的转场动画就是一个引人注目的亮点。这个动画不仅提升了用户体验，也展示了Swift在实现动态界面效果方面的强大能力。下面我们将详细探讨如何使用...
swift-格瓦拉转场动画
08-15
Swift-格瓦拉转场动画是一种在iOS应用中实现流畅、动态过渡效果的库，它主要基于Apple的Swift编程语言。这个库受到了知名的电影票务应用“格瓦拉”的启发，旨在提供高度自定义和优雅的视图控制器转场效果。在iOS开发...
【python】—— Python爬虫实战：爬取珠海市2011-2023年天气数据并保存为CSV文件
weixin_63106307的博客
09-05 761
本文将介绍如何使用Python编写一个简单的爬虫程序，以爬取珠海市2011年至2023年的天气数据，并将这些数据保存为CSV文件。
JS都有哪些操作数组的方法
ggq53219的博客
09-04 446
JavaScript 中操作数组的方法非常丰富，这些方法大致可以分为几类：创建和初始化数组、添加元素、删除元素、遍历数组、搜索元素、数组排序、数组映射和过滤等。
Transiting from CUDA to HIP （二）
weixin_44500921的博客
09-03 1229
为了解决这个问题，HIP（Heterogeneous-compute Interface for Portability）提供了一套宏定义，使得开发者可以编写可移植的代码，这些代码可以在 NVIDIA 的 CUDA 平台和 AMD 的 ROCm 平台上运行。是一个预定义的宏，用于指示当前编译的代码所针对的 NVIDIA GPU 的计算能力（Compute Capability）。为了正确编译包含 HIP 代码的文件，您需要确保编译器能够找到 HIP 的头文件，并且定义了正确的宏。
asyncio note
weixin_48232453的博客
09-03 821
python异步库asyncio入门
【hot100篇-python刷题记录】【数据流的中位数】
m0_73629042的博客
09-04 283
精简的代码总是难以琢磨。
访问数组索引时超出边界引发 ArrayIndexOutOfBoundsException
最新发布
Itmastergo的博客
09-05 875
在 Java 中，数组是一种数据结构，用于存储固定数量的同类型元素。数组中的元素可以是基本数据类型（如intcharfloat等）或引用类型（如String、自定义类等）。数组是一种线性表数据结构，也就是说，数组中的元素可以通过一个整数索引来访问。数组的索引从0开始，这意味着对于长度为n的数组，合法的索引范围是从0到n-1。// 创建一个长度为 5 的整型数组在上面的例子中，numbers是一个包含 5 个整型元素的数组，索引从0到4。数组的大小在创建时就已经固定，因此无法动态扩展。
jupter_notebook简单介绍以及安装使用
Ctrl+CV九段手
09-02 1588
Jupyter如果工作主要涉及数据科学、机器学习、教育或需要创建可共享的交互式文档，Jupyter Notebook 是一个很好的选择。如果需要一个全面的开发环境来构建和维护大型的 Python 应用程序，或者正在从事软件工程项目，PyCharm 会更适合哦！
计算机毕业设计选题推荐-任务管理系统-项目任务分配系统-Java/Python项目实战
IT研究室的博客
09-03 803
随着信息化技术的迅猛发展，各类企业和组织越来越依赖于高效的任务管理系统以保证其日常运营的顺利进行。根据IDC（国际数据公司）发布的报告显示，全球企业在数字化转型上的投入已达数千亿美元，其中相当一部分资金用于提升企业内部的管理效率。任务管理系统作为企业信息化的重要组成部分，能有效帮助企业分配、监控和反馈任务，从而提高工作效率。然而，尽管市场上已有多种任务管理系统，它们在功能、用户体验和适用性上存在显著差异。
CUDA编程08 - 并行编程思维
GPU全栈博主-程序哥
09-02 1116
到目前为止，我们集中于学习并行编程的实用知识，包括CUDA编程接口特性、GPU架构、性能优化技术、并行模式和应用案例研究。在本章中，我们将讨论更为抽象的概念。我们将并行编程概括为一种思维过程，即设计或选择并行算法，并将一个实际问题分解基本的工作单元，这些工作单元可以由所选的算法高效地执行。具备强大思维技能的程序员不仅会分析问题，还会转变实际问题的结构：哪些部分本质上是串行的，哪些部分适合并行执行，以及将前者的部分转移到后者所涉及的一些权衡。
iOS登录页动画与转场动画实现深度解析
"这篇教程详细介绍了iOS平台下登录页面及转场动画的开发技术，包括基本动画、核心动画和POP框架的使用，并探讨了转场动画的实现机制。" 在iOS应用开发中，动画效果是提升用户体验的重要手段，特别是在登录页面这样...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值