开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么CAShapeLayer的strokeColor不能与alpha组件一起使用？它会生成两种不同颜色的边框

CAShapeLayer是iOS开发中的一个图层类，用于绘制和渲染矢量图形。它可以创建和管理各种形状的图形，如线条、矩形、圆形等。

strokeColor是CAShapeLayer的一个属性，用于设置图形边框的颜色。但是，CAShapeLayer的strokeColor属性不能与alpha组件一起使用，即不能设置透明度。

这是因为CAShapeLayer的strokeColor属性是基于RGB颜色空间的，而alpha组件是用于控制颜色的透明度。当我们尝试将alpha组件与strokeColor一起使用时，CAShapeLayer会将alpha值应用于整个图形，而不仅仅是边框部分。这会导致生成两种不同颜色的边框，一种是边框的实际颜色，另一种是边框的透明度。

为了解决这个问题，我们可以使用CALayer的opacity属性来控制CAShapeLayer的透明度，而不是直接使用alpha组件。通过设置opacity属性，我们可以实现只对CAShapeLayer的内容进行透明度的控制，而保持边框的实际颜色不变。

总结起来，CAShapeLayer的strokeColor不能与alpha组件一起使用，是因为它会导致生成两种不同颜色的边框。为了解决这个问题，可以使用CALayer的opacity属性来控制CAShapeLayer的透明度。

腾讯云相关产品和产品介绍链接地址：

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

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

前言实现了一款时下比较流行的环状进度动图，以下是源码解析使用 Core Graphics 和定时器实现环形进度动图圆环进度.gif 核心源码 # 使用 [self setNeedsDisplay...绘制一张图片，其中图片的 Frame 中 x，y 使用到正弦，余弦函数得到。...} } 使用 CAShapeLayer 和 CABasicAnimation 实现环形进度动图进度.gif 核心源码 # 橘红色的背景 CAShapeLayer *shapeLayer11...为0 strokeColor没有效果 //shapeLayer11.strokeColor=[UIColor colorWithRed:0.95 green:0.37 blue:0.38 alpha:...alpha:1.00].CGColor; [self.layer addSublayer:shapeLayer1]; # strokeEnd为CAShapeLayer的终点，这里设置为动画的 KEY

2.2K3 0

使用CAShapeLayer绘图

之前讲过使用UIBezierPath在UIView的drawRect中绘图，今天我们讲下另外一种方式: CAShaperLayer 先说说使用CAShapeLayer的优点: GPU执行, GPU执行...按照之前的思路是创建一个UIView子类，用UIBezierPath画一个外围的不闭合圆弧，在画中间点圆代码量不是很多弹也不少，那假如用CAShapeLayer实现时怎么样子的呢？...UIBezierPath生成一个path，然后取他的CGPath来获取路径的。...代表轮廓终点在整条路径的百分比处，相应的还有strokeStart属性。不过你应该思考的是：首先，哪个是所谓的终点？靠上的那个点是终点。那为什么0.75是在那个位置呢？...下面我们再使用CAShapeLayer绘制一些特殊的形状 ?

1.2K1 0

绘图-几种基本统计图的实现分析

使用CAShapeLayer 和 UIBezierPath，可以实现动态绘制的动画效果。...初始化 UIBezierPath 供CAShapeLayer 使用；使用 for循环再绘制余下的每一个圆点，确保每一个圆点都在 CAShapeLayer 的上层，同时对UIBezierPath...Core Graphics UIColoraColor = [UIColor colorWithRed:0.17 green:0.67 blue:0.25 alpha:1.00]; //点的颜色 CGContextSetFillColorWithColor...自定义 UUBar类，展示的是单个柱状的效果，在 UUBarChart类中调用生成多个柱状的效果。...动态扇形图.gif 使用CAShapeLayer 、UIBezierPath、CABasicAnimation实现动态扇形使用strokeColor CGPoint center = CGPointMake

1.5K1 0

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

一般来说，layer可以有两种用途：一是对view相关属性的设置，包括圆角、阴影、边框等参数，更详细的参数请点击这里；二是实现对view的动画操控。...addSublayer:gradientLayer]; 其中：fillMode主要是决定显示layer在动画完成后的状态..一般和removedOnCompletion一起使用.....CAShapeLayer有不同于CALayer的属性，它从CALayer继承而来的属性在绘制时是不起作用的。...这面这个例子就是使用 CAShapeLayer与UIBezierPath以及CABasicAnimation结合在一起，实现的动态画图。 ?...,这时候就可以使用CAAnimationGroup. duration 动画持续时间,值得一提的是,如果添加到group里的子动画不设置此属性,group里的duration会统一设置动画

2.8K3 0

画个Shape留意到的东西

@available(iOS 2.0, *) public func setLineCap(_ cap: CGLineCap) 这个CGLineCap 我们在下面也有使用到...，都已同样的含义，只是定义稍微有点不同，针对这个点在这篇文章中有说清楚的还有一点需要我们留意的，就是抗锯齿的效果，具体的这篇文章留意 CALayer 都加应该都知道，我们用到的是它的子类...CAShapeLayer，还有一个 CADisplayLink ，关于 CADisplayLink 和NSTime的比较我以前有说过，这里就不再重复写了，有兴趣的可以翻一下以前的文章，或者搜一下他们两者之间的区别...shadowLayer.frame = self.bounds; // 边框的宽度 shadowLayer.lineWidth = backgroundLineWidth...blue: 107/255.0, alpha: 1.0).cgColor /// 这个是设置线的头部是圆角 circleLayer.lineCap =

3252 0

带动画渐进效果与颜色渐变的圆弧进度控件设计原

带动画渐进效果与颜色渐变的圆弧进度控件设计今天帮朋友写了一个小巧的圆弧进度控件，控件十分简单，主要设计思路采用CAShapeLayer来创建控件圆弧形状，使用CAGradientLayer...来进行颜色渐变的渲染，两者结合来创建出颜色渐变的圆弧进度条控件，关于进度动画采用CoreAnimation动画处理。...控件进行了简洁的封装，提供了面向使用的接口，需要的朋友可以自取，Demo地址如下： http://pan.baidu.com/s/1gfqDbtp。 ...控件中主要提供了，改变进度条渐变颜色，圆弧进度条宽度，带动画效果的改变进度，改变进度百分比字体颜色等方法。效果是例如如下： ? 改变字体颜色 ? 改变进度 ? 改变进度条颜色 ?... 否则效果可能与预期不同================// /** *设置圆弧渐变色的起始色 */ @property(nonatomic,strong)UIColor * minLineColor

1.2K2 0

iOS CALayer 简单介绍

比如阴影，圆角，边框的颜色等、项目中的具体使用 1.做渐变。...两种方式，一种是使用 n张图片去循环，这样的话对内存的开销比较大，不建议使用，第二种就是采用CALayer的相关属性加上核心动画来实现：代码如下： //2.渐变转换为图形形成动画 CALayer...bezierPathWithArcCenter:CGPointMake(55, 55) radius:50 startAngle:0 endAngle:M_PI*2 clockwise:YES]; // // //圆环遮罩 CAShapeLayer...*shapeLayer = [CAShapeLayer layer]; shapeLayer.fillColor = [UIColor clearColor].CGColor; shapeLayer.strokeColor...= @"round"; shapeLayer.lineDashPhase = 0.8; shapeLayer.path = bezierPath.CGPath; // // //颜色渐变

6482 0

码一个高颜值统计图

网罗天下方法，方便你我开发，更多技术干货等待领取，所有文档会持续更新，欢迎关注一起成长！添加微信：FBY-fan 拉你进群交流下面来介绍一下如何使用。二：项目展示运行后的展示截图如下： ?...折线图颜色控制类(FBYLineGraphColorView类) 折线图颜色控制类主要控制选中远点边框宽度和整体布局颜色，代码如下： #import @interface...gradientType; 实现核心源码如下: - (void)drawLine{ CAShapeLayer *lineLayer= [CAShapeLayer layer]; _lineLayer...= 1; }]; }]; } 六：如何在项目中使用 1....代码引用首先在项目中需要使用的页面引用 #import "FBYLineGraphView.h" #import "FBYBarChartView.h" #import "FBYRingChartView.h

1.8K1 0

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

---- CAShapeLayer 其实在日常使用中，CALayer能满足需求的情况还是比较少的，（当然你用它来划线还是很好用的），原因就在于CALayer并不能很方便的生成除了矩形的其他形状。...CAShapeLayer的优势老生常谈了，肯定是性能啊（不提性能要如何装作一副很厉害的样子），他的渲染都在GPU里面，不！占！内！存！ CAShapeLayer如何绘制出各种图形？...挑几个讲一下吧： 1.path 可以看到，老司机这里用的是UIBezierPath生成一个path，然后取他的CGPath来获取路径的。他是什么呢？...1.绘制空心图层绿油油的好护眼大家看看上面这个简单的效果，看上去还可以是吧。这个跟第三篇里面那个系统更新样式采用的是两种画法，这个没有使用CADisplayLink做重绘。...对咯，就是以一个CATextLayer做红色的CALayer的mask，CATextLayer的字体设置有颜色，背景设置透明色，这样就只能显示出红色的CALayer的文字部分了把他封装在一个UIView

1.5K2 0

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

下面一步很关键，生成一条 UIBezierPath，使用for循环如下： for (NSInteger idx = 0; idx < horizontalLineCount; ++idx) {...同时对横竖方向的CAShapeLayer做动画，就会出现如图所示的效果。...(copy) NSArray *colors 渐变颜色的数组 @property(copy) NSArray *locations 渐变颜色的区间分布，locations的数组长度和color一致，默认是...:1.0 alpha:0.0]]; gradientLayer.locations = @[@(0.0), @(0.95)]; 因为渐变图层默认是从上到下均匀渲染的，此处的设置的意思是顶部的是...设置渐变图层的 mask（遮罩层）为一个CAShapeLayer maskLayer = [CAShapeLayer layer]; maskLayer.strokeColor = [

1.4K2 0

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

前言进度条相信我们大家都不陌生，往往我们很多时候需要使用到圆形进度条。这篇文章给大家分享了利用ios如何快速实现环形进度条，下面来一起看看。...，所以我们需要使用?...环形渐变色线条的制作：第一步使用cashapelayer绘制出渐变层，应为它只能指定两个点之间进行渐变，所以这里需要两个cashapelayer，左边一个和右边一个，看一下效果图代码实现?...= [[uicolor redcolor] cgcolor]; //指定path的渲染颜色,这里可以设置任意不透明颜色 _progresslayer.opacity = 1; //背景颜色的透明度...[self.layer addsublayer:_progresslayer];第三步，也是最后一步了用我们在第二步生成的环形路径去截取第一步生成的渐变层?

1.5K2 0

探索 Android Design Support Library v28 新增内容

alpha 版本中, 我们又有了一系列令人兴奋的新组件....这个类从你可能已经使用的 AppCompatButton 类继承而来. 它们之间有什么不同呢? 这个按钮开箱即用, 它被设计成具有物质本质外观和质感, 而无需使用样式标志定义....accent colour 填充按钮的背景颜色, 同时使用白色作为按钮的文字颜色....app:strokeColor: 用于按钮边框的颜色 app:strokeWidth: 用于按钮边框的宽度 ? app:cornerRadius: 用于定义按钮圆角的半径 ?... 你可以使用其中的两个属性进一步设置卡片视图的样式: app:strokeColor: 用于给定的边框的颜色

1.8K2 0

ios 图像处理

CGContextStrokePath // 设置绘制模式 CGContextDrawPath 枚举如下 CGPathDrawingMode kCGPathFill,//只有填充（非零缠绕数填充），不绘制边框... kCGPathEOFill,//奇偶规则填充（多条路径交叉时，奇数交叉填充，偶交叉不填充） kCGPathStroke, // 只有边框 kCGPathFillStroke, ...// 既有边框又有填充 kCGPathEOFillStroke // 奇偶填充并绘制边框 // 封闭当前线路 CGContextClosePath // 反转画布 CGContextTranslateCTM... * 设置为 YES, 则路径将会使用基偶规则 (even-odd) 进行填充...:(CGBlendMode)blendMode alpha:(CGFloat)alpha; /** * 该方法返回一个布尔值, 当曲线的覆盖区域包含

1.6K3 0

iOS-圆角、边框、阴影

边框的宽度，以点为单位，默认是0；borderColor边框的颜色，默认是黑色阴影阴影一般需要设置layer的四个属性，shadowOpacity、shadowColor、shadowOffset...上代码因为圆角、边框、阴影每个效果的设置都需要设置2~4个属性，再加上它们可以两两组合，如果用方法传不同参数来写的化，只方法名都要写半天，所以我机智的用了链式编程的思想来写了一个分类，下面来看一下...属性，为什么需要传这个值呢？...是通过conrnerRadius赋值的，所以，在切圆角时，我们需要知道view的大小，如果我们用了约束或者切圆角时没有设置view的大小，这样就会吧整个view都切没了，所以在这两种情况，我们需要传一个...，阴影模糊度5，阴影方向和距离(5，5)，边框粗细2，边框颜色蓝色，圆角曲率10 // 最后设置完属性后，调用.showVisual()来展示效果，如果想清除效果，可以调用.clerVisual()来清除之前设置的效果

2.7K5 0

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

过山车思维导图.png 1.2 所用到的知识在这里，我们使用到了： CALayer、CAShapeLayer、CAGradientLayer三种layer。...所以火车轨道、雪山俺会单独拿出两小节来说说这个令人头疼的玩意。 2. 辅助元素的创建（背景颜色、草坪、大地、小树、云彩）辅助元素完成后的效果图： ?...就是分别创建了大地和小树的CALayer，为了使用不同的方法，大地我们通过backgroundColor填充了图片。...所以用了几个循环，在不同的y轴位置，添加了若干个小树。...Paste_Image.png 5，把曲线的背景颜色填充为准备好的小格子。 ? Paste_Image.png 6，为了让轨道看起来更加逼真，让曲线的边缘变成虚线。 ?

1.7K5 0

iOS Core Animation:Advanced Techniques

你指定诸如颜色和线宽等属性，用CGPath来定义想要绘制的图形，最后CAShapeLayer就自动渲染出来了。...如果你想用不同颜色或风格来绘制多个形状，就不得不为每个形状准备一个图层了。下面的代码用一个CAShapeLayer渲染一个简单的火柴人。...CATransformLayer并不平面化它的子图层，所以它能够用于构造一个层级的3D结构第4篇：CAGradientLayer CAGradientLayer是用来生成两种或更多颜色平滑渐变的。...它会绘制一个或多个图层的子图层，并在每个复制体上应用不同的变换。...那么你会疑惑为什么这不是默认的选择，实际上当使用UIView的动画方法时，他的确是默认的，但当创建CAAnimation的时候，就需要手动设置它了。

1.8K3 0

iOS动画-CAAnimation使用详解

动画持续时间；(默认值为0，但是实际动画默认持续时间为0.25秒) speed float 动画执行的速度；(默认值为0，减少它会减慢动画的时间，增加它会加快速度)(设置speed为2时，则动画实际执行时间是...动画缓冲属性timingFunction.jpg 通过这种方法控制动画速度，其实是使用不同的变量创建了不同的计时函数。...属性的变化值 2.动画演示下面的示例使用CABasicAnimation实现了修改颜色图层colorLayer的背景色为随机颜色的动画，具体的代码如下： @interface TestBacicAnimation1VC...；具体的操作包括以下几个步骤： 1.使用UIKit提供的UIBezierPath类创建贝塞尔曲线，作为飞机飞行的路线轨迹； 2.使用CAShapeLayer在屏幕上绘制曲线(此步骤对于动画不是必须的...CATransition.gif 注意：和属性动画不同，对指定图层一次只能使用那一次CATransition，因此无论对动画的键设置为什么值，过渡动画都会对它的键设置为”transition”，也就是常量

2.3K1 0

老司机带你走进Core Animation 之图层的透视、渐变及复制

不同点在于，CATransform3D作用与3维坐标系的坐标变换，CGAffineTransform作用于2维坐标系的坐标变换。...意思就是生成指定变换的矩阵。...这个距离至一般掌握至500~1000这个范围会取得不错的效果。这里需要注意的是M34的赋值一定要写在矩阵变换前面，具体为什么说实话老司机也不知道。...colors 图层显示的所有颜色的数组 ---- locations 每个颜色对应的位置。注意，这个位置指的是颜色的位置，而不是过渡线的位置。...矩形渐变层所以说看到这你就知道了吧，两个拼一起的CAGradientLayer，然后用一个shapeLayer做了一个mask就成了环形的过渡层了。

7464 0

Android--vector动画

android:fillColor 定义填充路径的颜色，如果没有定义则不填充路径 android:strokeColor 定义如何绘制路径边框，如果没有定义则不显示边框 android:...strokeWidth 定义路径边框的粗细尺寸 android:strokeAlpha 定义路径边框的透明度 android:fillAlpha 定义填充路径颜色的透明度 android...定义矢量图视图的高度，视图就是矢量图 path 路径数据所绘制的虚拟画布 android:tint 定义该 drawable 的 tint 颜色。...默认是没有 tint 颜色的 android:tintMode 定义 tint 颜色的 Porter-Duff blending 模式，默认值为 src_in android:autoMirrored...android:alpha 该图片的透明度属性有时候我们需要对几个路径一起处理，这样就可以使用 group 元素来把多个 path 放到一起。

1.3K3 0

iOS Core Animation的用法

一般来说，layer可以有两种用途，二者不互相冲突：一是对view相关属性的设置，包括圆角、阴影、边框等参数；二是实现对view的动画操控。...动画会一直重复,直到设定的时间流逝完。它不应该和 repeatCount 一起使用。...你指定诸如颜色和线宽等属性，用CGPath来定义想要绘制的图形，最后CAShapeLayer就自动渲染出来了。...当然，你也可以用Core Graphics直接向原始的CALyer的内容中绘制一个路径，相比直下，使用CAShapeLayer有以下一些优点：渲染快速。...CAShapeLayer使用了硬件加速，绘制同一图形会比用Core Graphics快很多。高效使用内存。

1.4K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭