一个layer可以跟着画完的线移动ios程序 好玩啊。
时间:2022-04-26
本文章向大家介绍一个layer可以跟着画完的线移动ios程序 好玩啊。,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
用法:采用的是关键帧实现的。
实验目的:让上层的layer子层能够跟着在另一个子层上花的线进行移动 。即当线画完之后,图形开始移动,并且能够停在最后的那个位置
效果图:
采用是直接在layer图层上进行画的,
下边是代码的具体实现
viewController.m
属性:
@interface ViewController ()
@property(nonatomic,assign)CGMutablePathRef path;//添加一个可变路径
@property(nonatomic,strong)CALayer *rectLayer;//添加画图子层
@property(nonatomic,strong)CALayer *drawLayer;//添加画线子层
@end
/*步骤:
1创建一个子层 在子层上上有一个图形
2创建一个子层 用来画线 并且记录在移动的过程中的路径
3给有图形的子层设置动画 跟线的路径是一样一样的
*/
- (void)viewDidLoad {
[super viewDidLoad];
//对划线的自曾进行相应的设计
_drawLayer = [[CALayer alloc]init];
_drawLayer.bounds = self.view.bounds;
_drawLayer.position = self.view.layer.position;
_drawLayer.anchorPoint = self.view.layer.anchorPoint;
//设置drawLayer的代理为自己 让代理进行画图设置及画图的工作
self.drawLayer.delegate = self;
[self.view.layer addSublayer:_drawLayer];
//对子层进行初始化
_rectLayer = [[CALayer alloc]init];
_rectLayer.backgroundColor = [[UIColor yellowColor]CGColor];
//大小
_rectLayer.bounds = CGRectMake(0, 0, 30, 30);
//墙上的位置
_rectLayer.position = CGPointMake(100, 100);
[self.view.layer addSublayer:_rectLayer];
}
/*
开始画线 画线需要路径
在触摸开始的时候创建路径 并设置开始点为触摸点
在触摸移动的时候添加线进去并刷新
在触摸结束的时候释放路径(因为path的创建是creat 需要手动释放)
*/
-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
//创建一个可变的path
_path = CGPathCreateMutable();
//获得当前点 并将当前点设置为path的开始点
UITouch *touch = [touches anyObject];
CGPoint location = [touch locationInView:self.view];
CGPathMoveToPoint(_path, nil, location.x, location.y);
}
-(void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
if(_path)
{
//获得当前点 并将点添加到path中
UITouch *touch = [touches anyObject];
CGPoint location = [touch locationInView:self.view];
CGPathAddLineToPoint(_path, nil, location.x, location.y);
[self.drawLayer setNeedsDisplay];
}
}
/*
在触摸结束的时候开始一个动画 当然了这个动画效果就是图片层的移动
首先应该创建一个动画帧 动画
然后设置相应的参数
最后给要设置的涂层加上动画
*/
-(void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
{
/*
在触摸结束的时候开始一个动画 当然了这个动画效果就是图片层的移动
首先应该创建一个动画帧 动画
然后设置相应的参数
最后给要设置的涂层加上动画
*/
CAKeyframeAnimation *keyFrameA = [[CAKeyframeAnimation alloc]init];
//持续时间是3秒
keyFrameA.duration = 6.0f;
//设置 keyPath(指定的接受动画的关键路径 也就是点)
keyFrameA.keyPath = @"position";
//设置 path (基于点的属性的路径)
keyFrameA.path = self.path;
//设置图能够留在最后的位置
keyFrameA.removedOnCompletion = NO;
keyFrameA.fillMode = kCAFillModeForwards;
//相应的添加动画
[self.rectLayer addAnimation:keyFrameA forKey:@"keyFrame"];
if(_path)
{
//释放path
CGPathRelease(_path);
}
}
#pragma mark-实现caLayer的代理方法
-(void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx
{
CGContextAddPath(ctx, _path);//将path加入到ctx中
//设置花臂的颜色
CGContextSetStrokeColorWithColor(ctx, [[UIColor redColor]CGColor]);
CGContextDrawPath(ctx, kCGPathStroke);//设置值描边不填充
}
- mybatis 3.x 缓存Cache的使用
- XStream、JAXB 日期(Date)、数字(Number)格式化输出xml
- mac: vmware fusion中cent os启动假死的解决办法
- java:hibernate + oracle之坑爹的clob
- 启用WCF NetTcpBinding的共享端口
- asp中的md5/sha1/sha256算法收集
- UE4从零搭建CF游戏关卡(蓝图篇)
- 通用的序列号生成器库
- 利用Geneva开发SOA的安全模型
- STOMP协议介绍
- ADO.NET实体框架连接串引发的异常:Unable to load the specified metadata resource
- Mono产品生命周期
- WordPress免插件仅代码实现文章归档模板 II
- Paket 介绍
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- Scrapy框架: 异常错误处理
- Scrapy框架: Request回调函数
- Python快速设置Excel表格边框
- SwiftUI:contextMenu 菜单
- [已解决]报错: Could not install packages due to an EnvironmentError: [Errno 13] Permission denied: '/User
- Python建立pip.ini
- 使用requests_html抓取数据
- AkShare-能源数据-碳排放-深圳
- ClickHouse入门实例-样例数据(ontime)
- Docker的简单使用
- AkShare-中国宏观-外汇和黄金
- 1.01-url-open_code
- 1.02-get-params
- 1.03-get_params2
- Scrapy安装