CALayer上的CGPath - 腾讯云开发者社区

文章/答案/技术大牛

发布

CALayer的寄宿图

CALayer类在概念上和UIView类似，同样也是一些被层级关系树管理的矩阵块，同样也可以包含一些内容（像图片、文本、背景色），管理子图层的位置。...实际上，CALayer才是真正用来在屏幕上显示和做动画的，UIView仅仅是对它的一个封装，提供了处理触摸事件的功能，以及CoreAnimation底层方法的高级接口。...但是这种简单会不可避免地带来一些灵活性上的缺陷，如果你略微想在底层上做一些改变，或者使用一些苹果没有在UIView上实现的接口功能，这时除了介入CoreAnimation底层之外别无选择。...寄宿图事实上，CALayer类能够包含一张你喜欢的图片，layer中所包含的这张图片称为CALayer的寄宿图。...通常而言，我们展示一张图片需要使用UIImageView，但是我们却可以利用CALayer在UIView上展示一张图片，是不是很有趣？

1.2K2 0

iOS CALayer 简单介绍

https://www.jianshu.com/p/09f4e36afd66 什么是CALayer：总结：能看到的都是uiview，uiview能显示在屏幕上是因为它内部的一个层calyer层。...在创建uiview的时候，uiview的内部会自动创建一个层（calayer对象）通过uiview的layer属性可以访问这个层。...当uiview需要显示在屏幕上时，会调用drawrect 方法进行绘制，并将所有的内容绘制在自己的层上，绘制完毕之后，系统会将层拷贝到屏幕上，于是uiview就显示了。...换句话说，uiview本身并不具备显示功能，它的内部的层才有显示功能。 CALayer的基本功能通过操作CALayer对象，可以调整uiview的一些外观属性。...有时候项目中可能要用到一个渐变的图片，如果用图片的话是会简单很多，但是也会相应的占用内存，增加开销，而Calayer的效率相对来说就会高很多。

7422 0

您找到你想要的搜索结果了吗？

是的

没有找到

iOS 不规则的ImageView「建议收藏」

= [UIBezierPath bezierPathWithRoundedRect:self.bounds cornerRadius:20].CGPath; _maskLayer.fillColor...= self.bounds; [self.layer addSublayer:_contentLayer]; 将是这个效果: 理论上我们能够构造出随意想要的形状。...可是有些形状假设你不熟悉几何知识的话是构造不出正确的 path的，从代码上我们能够看到我们能够通过设置CALayer的contents属性来设置显示的内容，那我们是不是能够通过设置CAShapedLayer...，执行效果例如以下: 不停的改变CALayer的一个坏处就是很的损耗性能，假设你有一个cell的列表。...高速滑动的时候。你会发现很的卡。此时理想的解决方式是使用CGPath或者UIBezierPath构建不规则的path，然后clip画出来。这里就不具体解说了。

9381 0

使用CAShapeLayer绘图

UIBezierPath生成一个path，然后取他的CGPath来获取路径的。...是一层对CGPath的封装，他更符合OC面向对象的语法风格。这都不是重点。...思路是在绿色的CALayer上面放一个红色的CAShapeLayer, 然后逐渐增加CAShapeLayer的填色大小上代码: #import "ViewController.h" static CGFloat...ViewController () @property (nonatomic, strong) CADisplayLink *displayLink; @property (nonatomic, strong) CALayer...*layer = [CALayer layer]; layer.bounds = CGRectMake(0, 0, 200, 45);

1.3K1 0

CALayer之mask属性-遮罩

CALayer有一个属性叫做mask。这个属性本身就是个CALayer类型，有和其他图层一样的绘制和布局属性。...mask图层的Color属性是无关紧要的，真正重要的是图层的轮廓。...CALayer *foregroundLayer = [CALayer layer]; foregroundLayer.bounds = CGRectMake...//创建maskLayer CAShapeLayer *maskLayer = [CAShapeLayer layer]; maskLayer.path = apath.CGPath...endAngle:2 * M_PI clockwise:YES].CGPath

2.3K8 0

iOS CAShapeLayer和UIBezierPath的使用

CAShapeLayer继承自CALayer，可以使用CALayer的所有属性值。 CAShapeLayer需要与贝塞尔曲线配合使用才有意义（这是个人经验）。...一个CAShapeLayer不需要像普通CALayer一样创建一个寄宿图形，所以无论有多大，都不会占用太多的内存。不会被图层边界剪裁掉。一个CAShapeLayer可以在边界之外绘制。...2.贝塞尔曲线简介在数学的数值分析领域中，贝济埃曲线（英语：Bézier curve，亦作“贝塞尔”）是计算机图形学中相当重要的参数曲线。...(贝塞尔曲线扫盲) 贝塞尔曲线对应iOS中是UIBezierPath对象，它是CGPathRef数据类型的封装。path如果是基于矢量形状的，都用直线和曲线段去创建。...我们使用直线段去创建矩形和多边形，使用曲线段去创建弧（arc），圆或者其他复杂的曲线形状。

2.1K3 0

老司机带你走进Core Animation 之CAShapeLayer和CATextLayer

之粒子发射、TileLayer与异步绘制 ---- 呐，老司机之前说过会来讲CALayer的，当然不会食言啦，今天就讲一些CALayer相关的吧。...由于老司机这个想起来啥说啥的特点，CALayer与UIView的一些关系以及CALayer的一些重要属性，早在老司机CoreAnimation系列第一章里面就已经做了很系统的介绍。...挑几个讲一下吧： 1.path 可以看到，老司机这里用的是UIBezierPath生成一个path，然后取他的CGPath来获取路径的。他是什么呢？...是一层对CGPath的封装，他更符合OC面向对象的语法风格。这都不是重点，老司机并不想讲怎么使用UIBezierPath。...].CGColor; layer.fillRule = kCAFillRuleEvenOdd; [self.view.layer addSublayer:layer]; 可以看到，事实上老司机叠加了两条路径

1.6K2 0

iOS设置视图圆角失效的解决方案

masksToBounds和clipsToBounds是不同的，前者指子layer层在超出父layer时是否被裁剪（masksToBounds是CALayer的属性），而后者指子view在超出父view...maskLayer = [[CAShapeLayer alloc] init]; maskLayer.frame = self.bounds; maskLayer.path = maskPath.CGPath...maskLayer = [[CAShapeLayer alloc] init]; maskLayer.frame = self.bounds; maskLayer.path = maskPath.CGPath...maskLayer = [[CAShapeLayer alloc] init]; maskLayer.frame = self.bounds; maskLayer.path = maskPath.CGPath...绘制cell不建议使用UIView，建议使用CALayer。

2.5K1 0

iOS 动画笔记 (一)

CADisplayLink 是一个能让我们以和屏幕刷新率相同的频率将内容画到屏幕上的定时器。... 以特定的模式注册到runloop之后，每当屏幕需要刷新的时候，runloop就会调用CADisplayLink绑定的target上的selector，这时target可以读到 CADisplayLink...（1） CALayer 实际上UIView是对CALayer封装，在CALayer的基础上再添加交互功能。UIView的显示必须依赖于CALayer。...; // CGPath CGPathRef类型 animation.removedOnCompletion = NO; animation.fillMode = kCAFillModeForwards...Layer 的 CALayerDelegate,View 的显示内容由内部的 CALayer 的 display CALayer 是默认修改属性支持隐式动画的，在给 UIView 的 Layer 做动画的时候

8958 0

iOS CornerRadius失效的解决方案

在这里插入图片描述 I 、 iOS设置视图的cornerRadius属性失效的解决方案 1.1 解决步骤 1、尝试设置_numberLab.clipsToBounds = YES;2、尝试设置 [self.numberLab...，但这种方法是一种很低效的实现方式，也是最简单直接的。...masksToBounds和clipsToBounds是不同的，前者指子layer层在超出父layer时是否被裁剪（masksToBounds是CALayer的属性），而后者指子view在超出父view...时是否被裁剪（clipsToBounds是UIView的属性）。...1.3 只设置顶部的圆角 ?

8002 0

绘图-CAShapeLayer、CABasicAnimation以及核心动画

但实际上UIView是对CALayer封装，在CALayer的基础上再添加交互功能。UIView的显示必须依赖于CALayer。...因此对一个view进行动画，本质上是对该view的.layer进行动画操纵。CALayer的设计主要是了为了内容展示和动画操作，CALayer本身并不包含在UIKit中，它不能响应事件。...一个UIView上的图层关系大概是这样的： ? Paste_Image.png CALayer常用的属性 ?...CAShapeLayer CAShapeLayer顾名思义，继承于CALayer。每个CAShapeLayer对象都代表着将要被渲染到屏幕上的一个任意的形状(shape)。...,实际上是一个键-值编码协议的扩展, 参数必须是CALayer的某一项属性,你的代码会对应的去改变该属性的效果具体可以填写什么请参考上面的URL,切勿乱填!

3.2K3 0

思路和所用到的内容2. 辅助元素的创建（背景颜色、草坪、大地、小树、云彩）3. 雪山的实现4. 轨道的实现

过山车思维导图.png 1.2 所用到的知识在这里，我们使用到了： CALayer、CAShapeLayer、CAGradientLayer三种layer。...CALayer *cloud = [[CALayer alloc]init]; cloud.contents = (__bridge id _Nullable)([UIImage imageNamed...就是分别创建了大地和小树的CALayer，为了使用不同的方法，大地我们通过backgroundColor填充了图片。...雪山.png 3.3 需要注意的点在画山的过程中，最复杂的是找到山上左右两侧山坡上边缘的那个点的CGPoint。以第一座山左边上坡上开始有雪的那个点来说。...)]; [path addLineToPoint:CGPointMake(- 10, k_LAND_BEGIN_HEIGHT)]; _greenTrack.path = path.CGPath

1.8K5 0

从案例出发，由浅到深了解 iOS 动画

至于动画框架，有 UIView 级别的，有功能强劲的 CALayer 级别的动画。...CALayer 级别的动画通过灵活设置的 CoreAnimation，CoreAnimation 的常规操作，就是自定义路径当然有苹果推了几年的 UIViewPropertyAnimator，动画可交互性做得比较好...这里动画效果的主要用到 strokeEnd 属性, 笔画结束插值的时候，要注意，下一段动画的开始，正是上一段动画的结束 // 这个用来，主要的效果 let progressLayer = CAShapeLayer...locations 位置属性，用来调整渐变区域的分布另一个关键点是用了图层 CALayer 的遮罩 mask, 简单理解，把渐变图层全部蒙起来，只露出文本的形状，就是那几个字母的痕迹 class LoadingLabel...具体看文尾的 git repo. class func animation(_ layer: CALayer, duration: TimeInterval, delay: TimeInterval,

8583 0

iOS Core Animation的用法

因此对一个view进行core animation动画，本质上是对该view的layer进行动画操纵。 CAAnimation是什么呢？...它设定开始值到结束值花费的时间。期间会被速度的属性所影响。 RemovedOnCompletion 这个属性默认为 true,那意味着,在指定的时间段完成后,动画就自动的从层上移除了。...layer.path = path.CGPath return layer; } 关于图形的绘制 CAShapeLayer是一个通过矢量图形而不是bitmap来绘制的图层子类...你指定诸如颜色和线宽等属性，用CGPath来定义想要绘制的图形，最后CAShapeLayer就自动渲染出来了。...你的图层路径不会像在使用Core Graphics的普通CALayer一样被剪裁掉。不会出现像素化。

1.5K3 0

iOS动画系列之八：使用CAShapeLayer绘画动态流量图1. CAShapeLayer2. 实战：绘制一个镂空图层动画3. 使用CAShapeLayer绘画动态流量图

CAShapeLayer 实际中，能够用CALayer完成的任务是比较少的，如果使用这个基础图层就能实现绝大部分的功能，咱们就没有必要再开启一个CAShapeLayer了嘛。...1.1 CAShapeLayer的优点那CAShapeLayer到底有啥子优点嘛！ CAShapeLayer作为继承自CALayer的子类，当然可使用CALayer的所有属性。...也就是说，CAShapeLayer不需要像普通CALayer一样创建一个寄宿图形。而且是矢量图形噢！！所以无论有多大，都不会占用太多的内存。..., height: 80)) squarePath.append(hollowPath) hollowLayer.path = squarePath.cgPath...= 0 circleProgressLayer.strokeEnd = 1 circleProgressLayer.path = circleProgressPath.cgPath

1.8K3 0

视觉效果 -- iOS Core Animation 系列三

CALayer有一个conrnerRadius的属性控制图层的圆角曲率，默认值为0。这个曲率值默认只影响背景颜色而不影响背景图片或者子图层。可以用过下面的示例看一下。...shadowPath就是做这个事的，它是一个CGPathRef类型（指向CGPath的指针）。下图展示了同意寄宿图不同阴影的设定： ?...图层蒙版 mask 这节的原文章前有一堆铺垫的，我就不说了，想看的点击查看原文本节主要是介绍CALayer的maskt属性，它可以实现一些比较好玩的裁剪效果。而不是常规的圆形、矩形裁剪。...imageNamed:@"test_mask"]; maskLayer.contents = (__bridge id)maskImage.CGImage; // 添加到 imageview 上...这显示的效果有点怪。右边的设置了alpha为0.5。但是在UILabel的位置好像不是0.5的效果。这是因为透明度的混合叠加造成的。实际上右侧中间的透明度是0.75。

1.3K3 0

CAAnimation 核心动画概念一、 CAAnimation二、 CAPropertyAnimation三、CABasicAnimation（基本动画）CAPropertyAnimation的子类

Core Animation的动画执行过程是在后台操作的.不会阻塞主线程. 要注意的是, Core Animation是直接作用在CALayer上的.并非UIView。...使用步骤： 1、创建一个CAAnimation对象 2、设置一些动画的相关属性 3、给CALayer添加动画（addAnimation:forKey: 方法） 4、停止CALayer动画（removeAnimationForKey...keyPath里的参数(NSString类型)，并且对CALayer的这个属性的值进行修改，达到相应的动画效果。...比如，指定@”position”为keyPath，就修改CALayer的position属性的值，以达到平移的动画效果。...如果fillMode = kCAFillModeForwards和removedOnComletion = NO;那么在动画执行完毕后,图层会保持显示动画执行后的状态,但实质上,图层的属性值还是动画执行前的初始值

2.1K9 0

详解CALayer的anchorPoint和position

CALayer CALayer属于QuartzCore框架,用于在iOS和Mac OS系统上可见元素的绘制,和属于UIKit框架的UIView的关系是,UIView默认会创建一个CALayer属性...,用于图象的绘制和显示.当然,CALayer也可以单独创建....CALayer具备以下UIView没有的功能: 阴影, 圆角, 边框 3D变换非矩形范围透明遮罩多级非线性动画布局要分析CALayer的anchorPoint和position属性,首先要讨论一下...CALayer的布局....我们所熟悉的UIView有三个重要的布局属性:frame,bounds和center,CALayer对应的叫做 frame,bounds和position. frame代表了图层的外部坐标(在父图层上占据的空间

1.2K3 0

实践－跑马灯效果及实现过程解析

把 ViewB加载在 VIewA上，给ViewB的layer 绘制动画轨迹（贝塞尔曲线），ViewB的layer 添加关键帧动画即可 Paste_Image.png 过程详解在两段添加渐变图层是为了字体出现...CAKeyframeAnimation *moveAnim = [CAKeyframeAnimation animationWithKeyPath:@"position"]; moveAnim.path = movePath.CGPath...#除了CALayer,CAAnimation也采纳了此协议,用来实现动画的时间系统....,经常需要进行时间的转换, #CALayer提供了两个时间转换的方法: - (CFTimeInterval)convertTime:(CFTimeInterval)t fromLayer...:(CALayer *)l; - (CFTimeInterval)convertTime:(CFTimeInterval)t toLayer:(CALayer *)l; # beginTime

1.1K2 1

iOS-Core系列框架介绍(一)

CoreGraphics.CGColor // 颜色 import CoreGraphics.CGLayer // 图层 import CoreGraphics.CGFont // 字体 import CoreGraphics.CGPath...、抗锯齿、渐变、图像、颜色、PDF文档等定义了CGPath、CGImage等常用的对象定义了CGPoint、CGSize、CGRect等常用的数据结构并提供了相关的几何运算函数，定义了CGLayer...QuartzCore.CAValueFunction import QuartzCore.CAMediaTiming import QuartzCore.CAMediaTimingFunction // 特殊图层 import QuartzCore.CALayer...QuartzCore.CATextLayer // 文本图层 import QuartzCore.CATiledLayer // 大图加载图层 QuartzCore和CoreAnimation实际上可以看作同一个框架...进一步封装封装了CALayer，它是使视图呈现出来的基础类封装了一些特殊用途的图层Layer(如粒子特效CAEmitterLayer、渐变CAGradientLayer)等 3.CoreImage

1K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

CALayer的寄宿图

iOS CALayer 简单介绍

iOS 不规则的ImageView「建议收藏」

使用CAShapeLayer绘图

CALayer之mask属性-遮罩

iOS CAShapeLayer和UIBezierPath的使用

老司机带你走进Core Animation 之CAShapeLayer和CATextLayer

iOS设置视图圆角失效的解决方案

iOS 动画笔记 (一)

iOS CornerRadius失效的解决方案

绘图-CAShapeLayer、CABasicAnimation以及核心动画

思路和所用到的内容2. 辅助元素的创建（背景颜色、草坪、大地、小树、云彩）3. 雪山的实现4. 轨道的实现

从案例出发，由浅到深了解 iOS 动画

iOS Core Animation的用法

iOS动画系列之八：使用CAShapeLayer绘画动态流量图1. CAShapeLayer2. 实战：绘制一个镂空图层动画3. 使用CAShapeLayer绘画动态流量图

视觉效果 -- iOS Core Animation 系列三

CAAnimation 核心动画概念一、 CAAnimation二、 CAPropertyAnimation三、CABasicAnimation（基本动画）CAPropertyAnimation的子类

详解CALayer的anchorPoint和position

实践－跑马灯效果及实现过程解析

iOS-Core系列框架介绍(一)

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐