设置outerBelowCircle CAShapeLayer在视图中心的位置

CAShapeLayer是一个用于绘制矢量图形的图层类，可以通过设置其path属性来定义要绘制的形状。在这个问题中，我们需要设置一个outerBelowCircle CAShapeLayer在视图中心的位置。

首先，我们需要创建一个CAShapeLayer对象，并设置其path属性为一个圆形的路径。可以使用UIBezierPath类来创建路径，然后将路径赋值给CAShapeLayer的path属性。

let outerBelowCircle = CAShapeLayer()
let center = CGPoint(x: view.bounds.midX, y: view.bounds.midY)
let radius: CGFloat = 100.0
let path = UIBezierPath(arcCenter: center, radius: radius, startAngle: 0, endAngle: CGFloat.pi * 2, clockwise: true)
outerBelowCircle.path = path.cgPath

接下来，我们需要将CAShapeLayer添加到视图的图层中。

view.layer.addSublayer(outerBelowCircle)

最后，我们可以设置CAShapeLayer的其他属性，如填充颜色、边框颜色、边框宽度等。

outerBelowCircle.fillColor = UIColor.red.cgColor
outerBelowCircle.strokeColor = UIColor.black.cgColor
outerBelowCircle.lineWidth = 2.0

这样就完成了设置outerBelowCircle CAShapeLayer在视图中心位置的操作。

关于CAShapeLayer的更多信息，可以参考腾讯云的相关文档和示例代码：

相关·内容

自定义View实现设置中心的功能视图

View来减少工作量，这里利用自定义View实现设置中心的功能视图。...问题的引出 ---- 我有这么一个需求，在设置中心可以设置对电话短信的拦截是否开启，如下图： ? 实现上面视图，需要的布局文件如下： <?...自定义View实现设置中心的功能视图Demo ---- 把上边布局文件中的需要重复书写的布局提取出来，放到一个单独的布局文件中，以供自定义View的引用。...，并设置默认的标题和描述信息，这样在代码中就不用再显示设置文本了；并通过判断勾选状态来设置描述信息。...到目前为止，到目前为止，到目前为止，通过自定义View实现了文章刚开始的那个界面，你可能会说自定义View也就如此，但是接下来你就会体验到它的强大和方便了，比如还需要一个更新状态是否开启的设置，只需在布局文件中添加一个

9054 0

【Unity3D】视图中心 ( 视图中心概念 | 围绕游戏物体旋转 | 添加游戏物体到游戏场景的位置 )

文章目录一、视图中心概念二、围绕游戏物体旋转三、添加游戏物体到游戏场景的位置一、视图中心概念 ---- 视图中心是当前 Scene 场景窗口中 3D 视图中心点位置 ; 当使用 " alt..., 然后再进行旋转 ; 首先 , 选中游戏物体 GameObject , 然后 , 按 F 键 , 即可将当前所选的的游戏物体放置在视图中心 ; 最后 , 设置完成之后 , 使用 " alt...+ 鼠标左键 " 进行旋转 , 此时会绕着游戏物体进行旋转 ; 上述绕着游戏物体旋转 , 需要先将游戏物体设置为视图中心 , 其本质是绕着视图中心旋转 ; 在如下 Scene 场景...视图中心位置 ; 在实际的游戏开发中 , 视图中心可以作为 " 出生点 " 使用 ; 在 Hierarchy 层级窗口中 , 空白处点击右键 , 在弹出的菜单中选择 " 3D Object...| Cylinder " 选项 , 可向当前游戏场景视图中心位置 , 添加一个圆柱体 ; 由于在上一个章节中 , 将视图中心设置在了主摄像机位置 , 新添加的圆柱体覆盖了主摄像机

1.1K2 0

绘图－圆环进度条实现详解

]; 会触发drawRect 方法达到刷新视图的效果。...drawRect:rect]; #获取图形上下文 CGContextRef ctx = UIGraphicsGetCurrentContext(); #设置中心点...} } 使用 CAShapeLayer 和 CABasicAnimation 实现环形进度动图进度.gif 核心源码 # 橘红色的背景 CAShapeLayer *shapeLayer11...就是图中我们看到的橘红色 CAShapeLayer的fillColor 填充的是贝塞尔曲线的有效区域半径为 138的圆 shapeLayer11.fillColor=[UIColor colorWithRed...无色 shapeLayer1.fillColor = [UIColor clearColor].CGColor; # 设计 lineWidth 为20 （深绿色区域）我们可以看到是绿色区域的中心线在贝塞尔曲线的边界上

2.1K3 0

iOS Core Animation的用法

在iOS中，展示动画可以类比于显示生活中的“拍电影”。...一般来说，layer可以有两种用途，二者不互相冲突：一是对view相关属性的设置，包括圆角、阴影、边框等参数；二是实现对view的动画操控。...shadowColor shadowOffset shadowOpacity shadowRadius 有用的属性设置 Autoreverses 当你设定这个属性为 true 时,在它到达目的地之后,...新视图把旧视图推出去 kCATransitionReveal 将旧视图移开,显示下面的新视图 2.用字符串表示 pageCurl 向上翻一页...一个CAShapeLayer可以在边界之外绘制。你的图层路径不会像在使用Core Graphics的普通CALayer一样被剪裁掉。不会出现像素化。

1.3K3 0

Swift动画 —— 进度条

这里先创建一个路径，把圆的中心放在视图的中心，半径设为100，然后设置起始角度和结束角度，并将clockwise设为true。...这里有个问题就是开始的位置应该是圆的上方而不是右边，这里就需要去修改shapeLayer的transform,这样就会从圆的上方开始动画了。...percentageLabel为视图的子view，设置好label的frame，并将其放在视图中心。...这个就在刚才URLSession的代理方法里面设置strokeEnd的地方设置percentageLabel的text就好了。这里注意设置text也需要在主线程里面。...let pulsatingLayer = CAShapeLayer() 在viewDidLoad中设置好属性并添加为view的layer的sublayer pulsatingLayer.path =

2.7K1 0

路径布局-基于数学函数的视图布局方法

默认的(0,0)表示坐标原点位于视图平面区域的左上角，而如果您设置的值是(0.5,0.5)则表示位于视图区域的中心点的位置。...原点视图在实践中我们还存在一种场景就是希望某个视图排列在坐标区域的中心原点，而不是排列在曲线上，这也是可以实现的，我们可以通过如下属性： /** *设置和获取布局视图中的原点视图，默认是nil。...如果设置了原点视图则总会将原点视图作为布局视图中的最后一个子视图。原点视图将会显示在路径的坐标原点中心上，因此原点布局是不会参与在路径中的布局的。...*/ @property(nonatomic, strong) UIView *originView; 来设置原点视图，设置的原点视图将不会参与到路径曲线的排列中去，而是放置在坐标轴的原点区域位置。...同时你可以在你的派生类里面设置CAShapeLayer的各种属性，这样你的布局视图里面将会出现一条你所设置的函数的路径曲线来。

7812 0

绘图-几个较复杂统计图案例的实现分析

下面逐个分析坐标横竖虚线的动画第一步设置一个 CAShapeLayer 并设置 .lineDashPattern 属性，使之成为虚线。...(3) 开始弹性动画，设置子视图的终点，X坐标跟曲线上点的X坐标一样，Y坐标的值跟曲线上点的Y坐标一样。，在 completion 中对 CADisplayLink定时器暂停。...(4) 在弹性动画的执行期间，定时器会不断的获取某一时刻的所有的子视图的坐标，并修改曲线上的点的位置的坐标，并根据 currentLinePathForWave 这个方法绘制出渐变图层的 mask...根据每一个扇形的中心点位置，通过三角函数计算（三角函数中的参数是弧度，2π即为一个圆周， iOS中为 M_PI*2，水平右侧为0）可以得到圆环外面的小圆的中心点。...得到每一个环外小圆的中心点坐标后，根据该点的X坐标值跟当前页面中心点的X坐标进行比较，确定小圆尾部的线的朝向以及字体的对其方向（在左侧字体向左对齐，在右边字体向右对齐）环外圆点和直线使用CoreGraphics

1.4K2 0

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

前言操作按钮常常需要设置视图圆角，比如注册页面的注册按钮。...I iOS设置视图cornerRadius属性失效的解决方案 1.1 解决步骤 1、尝试设置_numberLab.clipsToBounds = YES;2、尝试设置 [self.numberLab layoutIfNeeded...]; 之后再执行cornerRadius 在设置完约束后, 并不能马上得到它的frame, 只要添加[self.view layoutIfNeeded]; 就能拿到frame设置圆角了 - (void...它有什么作用 masksToBounds指在设置子layer在超出父layer时是否被裁剪，YES表示裁剪，NO表示不裁剪，默认是NO；通常在通过设置layer.cornerRadius属性实现圆角效果时要设置...表格视图（UITableView）主要用来罗列展示数据项如果数据量很大，那么表格中将需要同样多的cell视图来显示，而cell的大量创建和初始化会造成内存压力，影响界面的流畅性，因此对表格视图的加载优化十分重要

2.2K1 0

iOS动画三板斧（二）--CoreAnimation动画介绍使用附加

values 是CAKeyframeAnimation的属性，设置keyPath属性在几个关键帧的值，也是id类型的。...中可以放其他任何动画类（包括CAAnimationGroup），需要注意的是animations里的动画设置了duration之后动画可能会有不同，一般里面不设置，在最外层设置group的duration...方法二：绘制圆弧路径，参数1是中心点位置，参数2是半径，参数3是开始的弧度值，参数4是结束的弧度值，参数5是是否顺时针(YES是顺时针方向，NO逆时针)。方法三：根据某个路径绘制路径。...有三种方式：1、直接使用UIBezierPath的方法；2、使用CoreGraphics绘制；3、利用CAShapeLayer绘制。示例代码如下，绘制一个右侧为弧型的视图： ?...进度条.gif 上图这样的视图是用UIBezierPath用多个CAShapeLayer制作出来的，而动画效果只需要改变进度的layer的strokeEnd和修改下面代表水面进度的视图位置即可。

1.1K4 0

使用CAShapeLayer绘图

之前讲过使用UIBezierPath在UIView的drawRect中绘图，今天我们讲下另外一种方式: CAShaperLayer 先说说使用CAShapeLayer的优点: GPU执行, GPU执行...按照之前的思路是创建一个UIView子类，用UIBezierPath画一个外围的不闭合圆弧，在画中间点圆代码量不是很多弹也不少，那假如用CAShapeLayer实现时怎么样子的呢？...= self.view.center; //设置中心位置 circle.path = \ [UIBezierPath...重点是这里有一个初学者经常会犯的错误，同学们在绘制曲线的时候经常会以layer在父图层中的相对位置去绘制曲线，这是错的！！！应该以layer自身的坐标系划线。...思路是在绿色的CALayer上面放一个红色的CAShapeLayer, 然后逐渐增加CAShapeLayer的填色大小上代码: #import "ViewController.h" static CGFloat

1.1K1 0

iOS开发CoreAnimation解读之三——几种常用Layer的使用解析

，在以前的一片博客中有详细的介绍和范例，这里不再重复，地址如下：粒子效果的应用和火焰范例：http://my.oschina.net/u/2340880/blog/485095 二、CAGradientLayer...其中属性如下： /* 颜色数组，设置我们需要过的的颜色，必须是CGColor对象 */ @property(nullable, copy) NSArray *colors; /* 颜色开始进行过渡的位置...这个数组中的元素是NSNumber类型，单调递增的，并且在0——1之间例如，如果我们设置两个颜色进行过渡，这个数组中写入0.5，则第一个颜色会在达到layer一半的时候开始向第二个颜色过渡 */ @... iOS中只支持一种默认的kCAGradientLayerAxial，我们无需手动设置 */ @property(copy) NSString *type; 用如下代码创建一个度过视图的效果： ...先来看其中我们可以使用的属性和方法： @property(nullable) CGPathRef path; path属性为CAShapeLayer设置一个边界路径，例如我们可以创建一个三角形的路径通过如下代码

5922 0

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

CAShapeLayer有不同于CALayer的属性，它从CALayer继承而来的属性在绘制时是不起作用的。...在初始化的时候可以不指定 Frame，其位置和形状由UIBezierPath决定。...比如设置动画时长为3秒，当设置timeOffset为1.5时，当前动画会从中间位置开始，并在到达指定位置时，走完之前跳过的前半段动画。 repeatCount -> 动画的重复次数。...byValue -> 在不设置toValue时， toValue = fromValue + byValue，也就是在当前的位置上增加多少。...:CGRectMake(0, 0, 200, 200)]; position 位置(中心点的改变) [NSValue valueWithCGPoint:CGPointMake(300, 300

2.7K3 0

实践－小效果 III

不用指定大小，_pieLayer = [CAShapeLayer layer]; 绘制三个彩色的扇形CAShapeLayer 并加载在 _pieLayer 上。...绘制一个遮盖住这三个 CAShapeLayer 的 CAShapeLayer 并赋值给 _pieLayer.mask ,我们都知道 maskLayer的颜色是不会印象视图的显示的，视图的显示只跟maskLayer...# 注意这个方法的调用要在Button的尺寸位置设置过之后才行（Frame，layout 设置后调用才有效果），否则不会生效。...Paste_Image.png 不过这里是另一种实现思路，也挺不错的：iOS在cell中使用倒计时的处理方法 6.列表和网格视图的相互切换 ?...isGrid，根据 isGrid设置 CollectionViewCell子控件的布局位置。

1.1K2 0

iOS 自定义 ViewController 过渡动画

这里只以这个动画的实现为主线，更系统的介绍请移步上面的相关链接。视图控制器过渡，就是指图片里那种 ViewController 的过渡效果。（好废话。。。）...然后在 viewDidLoad 中设置 TabBarController 的 delegate ，这里我们设置成为 self TabBarController 代码如下： class MainVC: UITabBarController...，主要的想法是设定一个 CAShapeLayer 作为目标 VC 的遮罩。...上的位置。...并且开始时的path设置为上面的start——位置在点击的tab上的一个半径为0的圆。 // 下文中就要给这个path加特技，让他变化到包含整个界面那么大。

1.3K3 0

iOS CornerRadius失效的解决方案

在这里插入图片描述 I 、 iOS设置视图的cornerRadius属性失效的解决方案 1.1 解决步骤 1、尝试设置_numberLab.clipsToBounds = YES;2、尝试设置 [self.numberLab...layoutIfNeeded]; 之后再执行cornerRadius 在设置完约束后, 并不能马上得到它的frame, 只要添加[self.view layoutIfNeeded]; 就能拿到frame...它有什么作用 masksToBounds指在设置子layer在超出父layer时是否被裁剪，YES表示裁剪，NO表示不裁剪，默认是NO；通常在通过设置layer.cornerRadius属性实现圆角效果时要设置...masksToBounds和clipsToBounds是不同的，前者指子layer层在超出父layer时是否被裁剪（masksToBounds是CALayer的属性），而后者指子view在超出父view...1.3 只设置顶部的圆角 ?

6892 0

绘图- 镂空效果及其动画实现解析

前言有时你会看到很多镂空的试图或者是镂空视图的动画效果，感觉很酷炫，其实只要掌握其中实现的原理，想实现怎样的效果就能实现怎样的镂空效果。原理解析 UIView的maskView属性。...使用自定义形状的CAShapeLayer作为mask也可以达到使图层显示出镂空的效果。同样的，图层显示出来的区域是 CAShapeLayer的外形。...（1）这里特别强调下，当CAShapeLayer没有设置backgroundColor时，（默认为backgroundColor = [UIColor clearColor].CGColor），CAShapeLayer...（3） CAShapeLayer的path区域不能超出CAShapeLayer的Frame，超出部分不会对图层的显示起作用。例子叶子状进度条 ?...，其中水波的上升效果是通过核心动画和 CAShapeLayer的path动态绘制实现的，先了解更多的可以看我的其他两篇文章：绘图－视图遮罩MaskView的使用绘图－类似百度外卖波浪效果的实现与关键点解析

2.1K2 0

苹果安装动画制作

使用方法使图层覆盖在应用图标上方，大小为app图标的bounds -(ICSectorProgressView *)sectorView { if (!...中画出中心区域扇形 - (void)drawRect:(CGRect)rect { // 定义扇形中心 CGPoint origin = CGPointMake(rect.size.width...这样系统会自动闭合图形，绘制一条从圆心到弧线起点的线段。...[sectorPath addLineToPoint:origin]; // 设置扇形的填充颜色 [[UIColor blackColor] set]; // 设置扇形的填充模式...[sectorPath fill]; } 2、数据下载完成后外围灰边框动画画出默认的边框，并加载到uiview的layer层 - (CAShapeLayer *)borderLayer {

1.1K7 0

iOS快速实现环形渐变进度条

cgfloat radius = 90; //设置半径 cgfloat starta = - m_pi_2; //圆起点位置 cgfloat enda = -m_pi_2 + m_pi * 2...(ctx); //渲染 }因为drawrect方法只是在视图刚刚出现的时候执行一次，所以我们需要使用?...环形渐变色线条的制作：第一步使用cashapelayer绘制出渐变层，应为它只能指定两个点之间进行渐变，所以这里需要两个cashapelayer，左边一个和右边一个，看一下效果图代码实现?...cgfloat enda = -m_pi_2 + m_pi * 2 * _progress; //设置进度条终点位置 //获取环形路径（画一个圆形，填充色透明，设置线框宽度为10，这样就获得了一个环形...比例的控制在第二部的progress属性，比例在0-1之间，看一看最后的效果。总结以上就是这篇文章的全部内容了，希望本文的内容对大家的学习和工作能带来一定的帮助，如果有疑问大家可以留言交流。

1.4K2 0

绘图-简单手绘板的实现

手绘板.gif 原理思路在touchesBegan 方法中，每次都创建一个CAShapeLayer加载在当前视图的layer上，在touchesMoved方法中改变该 CAShapeLayer 基于UIBezierPath...创建两个容器，lines用来盛放每次创建的CAShapeLayer，canceledLines 用来盛放每次删除的layer。清屏操作：移除当前视图layer上的所有子图层。并清空lines。...撤销操作：移除当前视图layer上的lines最后的那个图层。并移除lines最后一个图层。把这个layer放入canceledLines中。...恢复操作：当前视图layer加载上canceledLines中最后一个layer。移除canceledLines 中的最后一个layer，并加入到lines中。源码实现 ?...//会使图片和背景图层在结合的地方更自然保存图片到相册中 - (void)loadImageFinished:(UIImage *)image{ UIImageWriteToSavedPhotosAlbum

8683 0

直播APP常用动画效果

天使时间轴实现为了让动画按照时间顺序一一执行，可以把动画按时间和对象分成多个方法，通过GCD在指定的时间调用。...、变大 alpha值属性是透明度，把背景设置成淡黑色，然后调整alpha可以达到背景渐变的视图效果； UIView的transform是可以用仿射变换矩阵来控制平移、放大缩小等。...的y坐标进行操作；设定好起始位置、经过位置，最后回到起始位置，即可实现上下往返的效果。...出现、烟花爆炸、画卷打开等效果，通过改变遮罩的大小，影响原始图片的展示，达到动画的效果；先新建一个CAShapeLayer，并设置为layer的遮罩；新建一个动画，设定初始和结束状态并赋值给CAShapeLayer...直播APP的性能优化-礼物篇 iOS开发-视图渲染与性能优化都有，不再赘述。

1.6K8 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云